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

/* Large desktop */
@media (min-width: 985px) { 
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:88px;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0.01px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    
    position:absolute;
    pointer-events:none;
    display:block;
}
        .shadow{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 3;
            background: #AAAAAA;
            opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            display: none;
        }
        .modal {
            color: #747273;
            display: none;
            position: fixed;
            z-index: 4;
            top: 10%;
            left: 50%;
			 margin-left: -350px;
            width:700px!important;	 
			height:482px!important;

        }
        .modal .modal-footer{
            text-align: right;
            line-height: 10px;
            background: url("../img/modal_footer.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
            padding: 10px 25px 15px 0;
        }
        .modal-footer span,
        .modal-footer a{
            height: 10px;
            font-size: 10px;
            line-height: 10px;
            padding: 0px;
        }
        .modal .modal-footer .modal-no span{
            cursor: pointer;
            text-align: center;
            width: 20px;
            display: inline-block;
            border-left: 1px solid #cecece;
            color: black;
            font-weight: bold;
        }

        .modal .modal-footer .modal-no .selected{
            color: #CC3333;
        }
        .modal .modal-header{
            background: url("../img/modal_header.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
        }
        .modal .modal-header h1{
            display: inline-block;
            margin: 0;
            padding: 0 10px ;
            font-size: 12px;
            height: 37px;
            line-height: 37px;
            font-weight: bold;
        }
        .modal .modal-header .close{
            cursor: pointer;
            display: inline-block;
            width: 22px;
            height: 22px;
            position: relative;
            top: 7px;
            float: right;
            right: 5px;
            background: url("../img/modal_close_btn.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        }
        .modal .modal-body{
            height: 400px;
            overflow: hidden;
        }

        .modal .modal-body img{
            margin: 0px;
            padding: 0px;
            width: 100%;
			height:100%
        }
        .modal .modal-footer img{
            position: relative;
            top: 5px;
        }
#mesecne-temeperature {
    width: 80%; 
    margin: 0 auto!important;
	display:table!important;
}
#kako_do_nas_h1{
	padding-left:80px;
}
.wtf p{
    padding: 10px 20px 5px;
}
.inf-1tabl{
	display:none!important;
}
.galerija img{
				width: 200px; 
				height: 150px; 
                cursor: pointer;
            }
.pad{
	padding:20%!important;
}
.pad-levo p{
	  margin: 0 auto;
  width: 82%;
  padding-left: 7%!important;

}
#h1{
	margin-left:98px;
}
.text-inf{
	margin-left:10%;
}
#pad{
	  width: 80%;
	  padding:0!important;
}
#kontakt{
	margin:0 auto!important;
}
#pregled-h1{
	margin-left:39.125px;
	padding-left:39.109px;
}
.galerija{
	margin-left:9%
	
}
#social-network {
    float: right;
}
#naslovna-slika{
	width:80%;
}
.kako_do_nas{
	margin:0 5px;
	
}
.kako_do_nas p, h2{
	padding-left:80px!important;
	padding-right:80px!important;
}
.kako_do_nas p{
	margin:0!important;
}
 .slider {
        position: relative;
        height: 340px;
        width: 100%;
    }
    .slider img{
        position: absolute;
        height: 340px;
        width: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 1;
    }
    .slider img:last-child{
        display: block;
        z-index: 2;
    }
#nav-social{
	display:none;
}
#h1-cenovnik{
	margin-left:79.500px;
	
}
.apartments{
	margin:0 auto;
	width:88%;	
	padding-left:4%;
}
#text-poravnanje{
	
	margin:0 auto;
	
}

#cont-moje{
		display:none;
}
body {
    margin: 0;
    padding: 0;
      background: #CCC;
    font-family: Arial;
    font-size: 10px;
    color: #333;
}

a {
    color: #333;
    font-size: 12px;
}

ul, li, p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h1 {
    font-size: 25px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h2 {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.centar {
    text-align: center;
}

a {
    text-decoration: none;
}

#container {
    width: 978px;
    margin: 0 auto;
    padding: 0;
	background-color: #FFF;
	  border: 1px solid #a8a8a8;
}

#header {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid silver;
    background: url(../img/headerbg.jpg) repeat-x;
    margin: 0;
    padding: 0;
}


#header-left {
    float: left;
    padding: 0;
    padding-left: 50px;
    margin: 0;
}

#header-left li {
    margin: 0;
    margin-top: 25px;
    padding: 2px;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 20px;
    height: 20px;
}


#header-left h1 {
    color: #554433;
    font-size: 26px;
    font-weight: normal;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

#header-left p {
    color: #554433;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    font-family: Verdana;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

#header-right {
    position: absolute;
    top: 20px;
    right: calc((100% - 978px)/2 + 20px);
    width: 50%;
    text-align: right;
}
#header-right select{
	color:#333;
}

#header-right ul {
    margin-right: 10px;
}

#header-right li {
    margin: 0;
    margin-top: 25px;
    padding: 2px;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

#header-right li img {
    border: none;
    margin: auto;
    width: 20px;
    height: 15px;
}

#header-right li:hover {
    /*
    */
    background-color: #E4E4E4;
    border-bottom: #999 1px solid;
}

#header-right .selekcija {
    background-color: #E4E4E4;
    /*border-bottom: #CCC 1px solid;*/
}

#footer {
    margin-top: 30px;
    padding: 10px;
    height: 90px;
    background: url(../img/footerbg.jpg) repeat-x;
    font-size: 10px;
}

#footer td {
    background: none;
}

#footer-left {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#f-l-in {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

#footer-right {
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
}

#f-r-in {
    margin: 0;
    padding: 0;
    width: 45%;
    float: right;
    background: none;
}

.prazno {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#navigacija {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #C7BFAD;
    padding: 0;
    margin: 0;
    height: 30px;
    z-index: 1000;
}

#splash {
    background-image: url(../img/header-b.gif);
    background-repeat: repeat-x;
    height: 72px;
}

#splash img {
    width: 100%;
    height: 65px;
}

#navigacija ul {
    margin: 0;
    padding: 0;
}

#navigacija li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    float: left;
    font-size: 14px;
   
}

#navigacija li img {
    max-width: 20px;
    max-height: 20px;
    margin-left: 5px;
}

#navigacija li:hover {
    color: #de1a28;
}

#navigacija .selekcija {
    background: #ffffff;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    color: #de1a28;
}
#content-back {
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
  
}

#content { 
    z-index: 999;
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    padding-bottom: 10px;

    
}

#cont-lh {
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
}

#cont-lh-in {
    padding: 0;
    padding-top: 50px;
    padding-left: 80px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin: 0;
}

#cont-lh-in p, h1, h2, h3 {
    padding: 10px 0;
    margin: 0;
}

#cont-lh-in td p, #cont-in td p {
    padding: 0;
}

#cont-rh {
    width: 50%;
    float: right;
    padding: 0;
    margin: 0;
    min-height: 350px;
}

#cont-rh-in {
    padding-left: 10px;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
}

#cont-rh-in img {
    padding: 0;
    margin: 0;
}

#cont-rh-in td {
    text-align: left;
}

#apart1, #apart2, #apart3, #apart4 {
    width: 90%;
    padding: 0;
    padding-top: 10px;
    padding-right: 10px;
    margin: 10px auto;
}

.apartman {
    background: url(../img/ap-box-bg.jpg) repeat-x;
    border: 1px solid #bebebe;
    border-radius: 5px;
    display: block;
    height: 140px;
}

.apartman h1 {
    padding: 0 5px;
    text-align: left;
    margin: 0;
}

.apartman p {
    width: 45%;
    padding: 0;
    margin: 0;
    float: left;
}

.apartman img {
    height: 130px;
    width: 50%;
    float: right;
    border-radius: 5px;
    
}

.apartman p {
    margin: 12px 0px;
    padding: 0px 5px;
}

.apartman:hover {
    border: 1px solid gray;
}

.apartman p.details{
    color: blue;
}

.apartman p.details:hover{
    color: red;
}

.apartman a {
    padding: 0 5px;
    margin: 0;
    float: left;
    color: blue;
}

.apartman a:hover {
    padding: 5px;
    margin: 0;
    float: left;
    color: red;
}

#cont-in {
    width: 100%;
    margin: 0 auto;
    
    padding-top: 50px;
    
    padding-bottom: 20px;
}

#cont-in-2 {
    margin: 0;
    padding-left: 80px;
    padding-top: 10px;
    padding-right: 80px;
    padding-bottom: 10px;
}

#cont-in h2 {
    margin: 0;
    padding: 10px 0;
}

#cont-in p {
    margin: 10px;
    padding: 10px 0;
    clear:both;
}

.plaza {
    padding: 20px 0;
    margin: 0 auto;
	width:84%;
}

.plaza h2 {
      padding: 0px!important;
  
    margin: 10px!important;
}
#plaza-h1{
	margin-left:78.234px;
	padding:10px;
}
.plaza-img{
	margin-left:15%;
	
}
#mapa {
    border: 1px solid silver;
    width: 625px;
    height: 304px;
    text-align: center;
    margin: 0 auto;
}
#galerija-h1{
	margin-left:88.016px;
}
#mapa img {
    width: 620px;
    height: 300px;
    padding: 2px;
}

#content img {
    border: none;
}

#index-content-left {
    float: left;
    width: 48%;
    margin: 0;
    padding-left: 30px;
    padding-top: 35px;
    /*
    background-color: #3FC;
    */
}

#index-content-left p {
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-left h1 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
}

#index-content-left table {
    /*
    background-color: #09C;
    */
}

#index-content-right {
    width: 48%;
    /*
    background-color: blue;
    */
    float: right;
    text-align: center;
}

#index-content-right-t {
    width: 49%;
    float: right;
    text-align: center;
    padding-top: 3px;
}

#index-content-right-t h1 {
    font-size: 20px;
    text-align: justify;
    color: #096;
    font-weight: normal;
    padding: 0;
}

#index-content-right-t li {
    /*			background-color:#333;*/
    padding: 0;
    margin: 0;
    margin-left: 80px;
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-right-i {
    padding: 20px 10px;
}

#content h1 {
    /*
    padding: 5px 50px;
    */
	
    color: #F00;
}

#content h2 {
    clear: both;
}

#content p {
    /*
    padding: 5px 50px;
    text-align: justify;
    */
}

#info {
    padding-top: 35px;
    padding-left: 20px;
}

.okv {
    border: 1px solid silver;
    margin: 0 10px;
    width: 304px;
    height: 154px;
    text-align: center;
    float: left;
}

.okv img {
    width: 300px;
    height: 150px;
    padding: 2px;
}

.okv2 {
}

.okv2 img {
}

#info table {
    padding-top: 35px;
    padding-left: 20px;
    margin-top: 0;
}

#info h1 {
    font-size: 22px;
}

#info table h1 {
    padding: 0 0 10px 0;
    margin: 0;
}

#info h1, h2, p {
    padding: 0 50px;
    margin: 0;
    margin: 0;

    text-align: justify;
}

#info ul {
    padding: 0 100px;
}

#info td {
    text-align: left;
}

#content table {
    width: 80%;
    font-size: 12px;
	margin:30px auto;
}

#content td {
    /*border: 1px solid #333;*/
    padding: 3px;
}

#content tr {
    background-color: #E9E9E9;
}
#cenovnik{
	margin:0 auto!important;
	width:83.8%!important;
}
#cenovnik table {
    width: 700px !important;
}
#cenovnik td{
    text-align: center;
}
#cenovnik tr:nth-child(1) td,
#cenovnik td:nth-child(1){ 
    font-weight: bold;
}
.zuto {
    background-color: #fff0e1;
}

.plavo {
    background-color: #eaffff;
}

#box1 {
    position: absolute;
}

.mask {
    overflow: hidden;
    width: 978px;
    height: 340px;
}

.mask img {
    position: absolute;
    display: block;
    border: none;
}

#ap1 h1, p {
    padding: 0;
    margin: 0;
}

.text-levo {
    text-align: left;
}

.tabela1 {
    border: 1px #999 solid;
    padding: 0;
}

.tabela1 td {
    background-color: #FFF;
    /*
    text-align: center;
    */
}

.tabela1 th {
    background-color: #FFF;
    text-align: center;
}

.table2 {
    padding: 0;
    margin: 0 5%!important;
	width:90%!important;
}
.wtf{
	/*margin-left:2.5%;*/
}



.kolona1 {
    width: 80px !important;
}

.table2 td, th {
    /*border: 2px double gray;*/
    padding: 0;
    margin: 0;
    /*
    text-align: center;
    */
}

.mask6 {
    position: absolute;
    overflow: hidden;
}

#box7 {
    position: absolute;
}

#box7 span {
    display: block;
    float: left;
    background-color: #999;
}

#thumbs7 {
    position: relative;
    clear: both;
    height: 41px;
    overflow: hidden;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 41px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span {
    display: block;
    width: 60px;
    height: 41px;
    margin: 0;
    float: left;
    cursor: pointer;
    /*
    */
}

#thumbs7 .thumbs div img {
    /*
    width:54px;
    float:right;
    */
}

#thumbs_handles7 span {

}

#thumbs_mask7 {

}

#rezervacije label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    padding: 5px;
    margin-top: 5px;
}

#rezervacije input[type="text"],
#rezervacije textarea,
#rezervacije select {
    width: 220px;
}

#rezervacije input[type="text"]:hover,
#rezervacije textarea:focus,
select:focus  {
    border: 1px solid #A8A8A8;
}
#rezervacije select{
    background: white;
    width: 231px;
}

#rezervacije input[type="text"]:focus,
#rezervacije textarea:focus,
#rezervacije select{
    border: 1px solid black;
}

#rezervacije input,
#rezervacije textarea,
#rezervacije select {
    margin-top: 5px;
    border-radius: 2px;
    border: 1px solid #cecece;
    padding: 5px;
    resize: none;
}

.active-field{
    border: 1px dotted #5FAEE3 !important;
}
.error-field{
    border: 1px solid white!important;
    -webkit-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    -moz-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
}

}

@media (max-width: 800px) and (min-width: 651px) {
	.okv{
		height:230px !important;
	}
}

@media (max-width: 984px) and (min-width: 805px) {
	.okv{
		height:250px !important;
	}
}


/* Portrait tablet to landscape and desktop */
    @media (max-width: 984px) and (min-width: 651px) {
        .shadow{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 3;
            background: #AAAAAA;
            opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            display: none;
        }
        .modal {
            color: #747273;
            display: none;
            position: fixed;
            z-index: 4;
            top: 3%;
            left: 3%;
            margin: 0 auto;
            width: 93%;
           

        }
        .modal .modal-footer{
            text-align: right;
            line-height: 10px;
            background: url("../img/modal_footer.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
            padding: 10px 25px 15px 0;
        }
        .modal-footer span,
        .modal-footer a{
            height: 10px;
            font-size: 10px;
            line-height: 10px;
            padding: 0px;
        }
        .modal .modal-footer .modal-no span{
            cursor: pointer;
            text-align: center;
            width: 20px;
            display: inline-block;
            border-left: 1px solid #cecece;
            color: black;
            font-weight: bold;
        }

        .modal .modal-footer .modal-no .selected{
            color: #CC3333;
        }
        .modal .modal-header{
            background: url("../img/modal_header.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
        }
        .modal .modal-header h1{
            display: inline-block;
            margin: 0;
            padding: 0 10px ;
            font-size: 12px;
            height: 37px;
            line-height: 37px;
            font-weight: bold;
        }
        .modal .modal-header .close{
            cursor: pointer;
            display: inline-block;
            width: 22px;
            height: 22px;
            position: relative;
            top: 7px;
            float: right;
            right: 5px;
            background: url("../img/modal_close_btn.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        }
        .modal .modal-body{
            height: 100%;
            overflow: hidden;
        }

        .modal .modal-body img{
            margin: 0px;
            padding: 0px;
            width: 100%;
			height:100%!important;
        }
        .modal .modal-footer img{
            position: relative;
            top: 5px;
        }
    .kolona1 {
    width: 60px !important;
}
#cenovnik tr:nth-child(1) td, #cenovnik td:nth-child(1){
	  font-weight: bold;
	  
}
#kontakt tr{
	font-size:14px!important;
}
#cenovnik td{
	font-size: 10px;
}
.inf-1tabl{
	display:none!important;
}
#nav-social{
	display:none;
}
#cont-moje{
		display:none;
}
#mesecne-temeperature {
    width: 85% !important; 
    margin-left: 7% !important;
}
#mesecne-temeperature p{
	font-size:12px!important;
}
#mesecne-temeperature td{
    width: 5px !important; 
}
#social-network {
    margin-left: 60px;
}
         .slider {
        position: relative;
        height: 340px;
        width: 100%;
    }
    .slider img{
        position: absolute;
        height: 340px;
        width: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 1;
    }
    .slider img:last-child{
        display: block;
        z-index: 2;
    }
        body {
    margin: 0;
    padding: 0;
    background: #CCC;
    font-family: Arial;
    font-size: 10px;
    color: #333;
}

a {
    color: #333;
    font-size: 12px;
}

ul, li, p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h1 {
    font-size: 25px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h2 {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.plaza-img{
	/*margin:0 auto; */
}
.centar {
    text-align: center;
}

a {
    text-decoration: none;
}

#container {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #a8a8a8;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid silver;
    background: url(../img/headerbg.jpg) repeat-x;
    margin: 0;
    padding: 0;
}

#header-left {
    width: 50%;
    float: left;
    padding: 0;
    padding-left: 50px;
    margin: 0;
}

#header-left h1 {
    color: #554433;
    font-size: 26px;
    font-weight: normal;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

#header-left p {
    color: #554433;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    font-family: Verdana;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

#header-right {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50%;
    text-align: right;
}
#header-right select{
	color:blue;
}
#header-right ul {
    margin-right: 10px;
}

#header-right li {
    margin: 0;
    margin-top: 10px;
    padding: 2px;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

#header-right li img {
    border: none;
    margin: auto;
    width: 20px;
    height: 15px;
}

#header-right li:hover {
    /*
    */
    background-color: #E4E4E4;
    border-bottom: #999 1px solid;
}

#header-right .selekcija {
    background-color: #E4E4E4;
    /*border-bottom: #CCC 1px solid;*/
}

#footer {
    margin-top: 30px;
    padding: 10px;
    height: 90px;
    background: url(../img/footerbg.jpg) repeat-x;
    font-size: 10px;
}

#footer td {
    background: none;
}

#footer-left {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#f-l-in {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

#footer-right {
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
}

#f-r-in {
    margin: 0;
    padding: 0;
    width: 45%;
    float: right;
    background: none;
}

.prazno {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#navigacija {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #C7BFAD;
    padding: 0;
    margin: 0;
    height: 30px;
}

#splash {
    background-image: url(../img/header-b.gif);
    background-repeat: repeat-x;
    height: 72px;
}

#splash img {
    width: 100%;
    height: 65px;
}

#navigacija ul {
    margin: 0;
    padding: 0;
}

#navigacija li {
    display: inline;
    padding: 5px 10px;
    margin: 0;
    float: left;
    font-size: 14px;
}

#navigacija li img {
    max-width: 20px;
    max-height: 20px;
    margin-left: 5px;
}

#navigacija li:hover {
    color: #de1a28;
}

#navigacija .selekcija {
    background: #ffffff;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    color: #de1a28;
}

#content {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    padding-bottom: 10px;
}

#cont-lh {
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
}
.galerija{
	margin: 0 auto;
  width: 88%;
  padding-left: 9%;
}
 .galerija img{
                width: 45%;
                height: 200px;
                cursor: pointer;
				margin:0.1%;
            }

#cont-lh-in {
    padding: 0;
    padding-top: 50px;
    padding-left: 80px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin: 0;
}

#cont-lh-in p, h1, h2, h3 {
    padding: 10px 0;
    margin: 0;
}

#cont-lh-in td p, #cont-in td p {
    padding: 0;
}

#cont-rh {
    width: 50%;
    float: right;
    padding: 0;
    margin: 0;
    min-height: 350px;
}

#cont-rh-in {
   
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
}

#cont-rh-in img {
    padding: 0;
    margin: 0;
}

#cont-rh-in td {
    text-align: left;
}

#apart1, #apart2, #apart3, #apart4 {
    width: 90%;
    padding: 0;
    padding-top: 10px;
    padding-right: 10px;
    margin: 10px auto;
}

.apartman {
    background: url(../img/ap-box-bg.jpg) repeat-x;
    border: 1px solid #bebebe;
    border-radius: 5px;
    display: block;
    height: 140px;
}

.apartman h1 {
    padding: 0 5px;
    text-align: left;
    margin: 0;
}

.apartman p {
    width: 45%;
    padding: 0;
    margin: 0;
    float: left;
}

.apartman img {
    height: 130px;
    width: 50%;
    float: right;
    border-radius: 5px;
    
}

.apartman p {
    margin: 12px 0px;
    padding: 0px 5px;
}

.apartman:hover {
    border: 1px solid gray;
}

.apartman p.details{
    color: blue;
}

.apartman p.details:hover{
    color: red;
}

.apartman a {
    padding: 0 5px;
    margin: 0;
    float: left;
    color: blue;
}

.apartman a:hover {
    padding: 5px;
    margin: 0;
    float: left;
    color: red;
}

#cont-in {
    width: 96%;
    margin: 0 auto;
    /*padding-left: 2%;*/
    padding-top: 50px;
    padding-bottom: 20px;
}

#cont-in-2 {
    margin: 0;
    padding-left: 80px;
    padding-top: 10px;
    padding-right: 80px;
    padding-bottom: 10px;
}

#cont-in h2 {
    margin: 0;
    padding: 10px 0;
}

#cont-in p {
    margin: 0;
    padding: 10px 0;
    clear:both;
}

.plaza {
    padding: 20px 0;
    margin: 0 auto;
	width:90%;
}
.plaza-img{
	  margin: 0 auto;
		width: 88%
}
.plaza h2 {
    padding: 5px 0;
    margin: 0;
}

#mapa {
    border: 1px solid silver;
    width: 93%;
    height: 304px;
    text-align: center;
    /*margin-left: 70px;*/
	margin:0 auto;
}

#mapa img {
    width: 620px;
    height: 300px;
    padding: 2px;
}

#content img {
    border: none;
}

#index-content-left {
    float: left;
    width: 48%;
    margin: 0;
    padding-left: 30px;
    padding-top: 35px;
    /*
    background-color: #3FC;
    */
}

#index-content-left p {
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-left h1 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
}

#index-content-left table {
    /*
    background-color: #09C;
    */
}

#index-content-right {
    width: 48%;
    /*
    background-color: blue;
    */
    float: right;
    text-align: center;
}

#index-content-right-t {
    width: 49%;
    float: right;
    text-align: center;
    padding-top: 3px;
}

#index-content-right-t h1 {
    font-size: 20px;
    text-align: justify;
    color: #096;
    font-weight: normal;
    padding: 0;
}

#index-content-right-t li {
    /*          background-color:#333;*/
    padding: 0;
    margin: 0;
    margin-left: 80px;
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-right-i {
    padding: 20px 10px;
}

#content h1 {
    /*
    padding: 5px 50px;
    */
	
    color: #F00;
}

#content h2 {
    clear: both;
}

#content p {
    /*
    padding: 5px 50px;
    text-align: justify;
    */
}

#info {
    padding-top: 35px;
    padding-left: 20px;
}

.okv {
    /*border: 1px solid silver;*/
    margin: 0 10px;
    width: 45%;
    
    text-align: center;
    float: left;
}

.okv img {
    width: 100%;
    height: 100%;
    padding: 2px;
}

.okv2 {
}

.okv2 img {
}

#info table {
    padding-top: 35px;
    padding-left: 20px;
    margin-top: 0;
}

#info h1 {
    font-size: 22px;
}

#info table h1 {
    padding: 0 0 10px 0;
    margin: 0;
}

#info h1, h2, p {
    padding: 0 50px;
    margin: 0;
    margin: 0;

    text-align: justify;
}

#info ul {
    padding: 0 100px;
}

#info td {
    text-align: left;
}

#content table {
    width: 100%;
    font-size: 12px;
}
#h1{
	text-align:center
}
#content td {
    /*border: 1px solid #333;*/
    padding: 3px;
}

#content tr {
    background-color: #E9E9E9;
}

.zuto {
    background-color: #fff0e1;
}

.plavo {
    background-color: #eaffff;
}

#box1 {
    position: absolute;
}

.mask {
    overflow: hidden;
    width: 978px;
    height: 340px;
}

.mask img {
    position: absolute;
    display: block;
    border: none;
}

#ap1 h1, p {
    padding: 0;
    margin: 0;
}

.text-levo {
    text-align: left;
}

.tabela1 {
    border: 1px #999 solid;
    padding: 0;
}

.tabela1 td {
    background-color: #FFF;
    /*
    text-align: center;
    */
}

.tabela1 th {
    background-color: #FFF;
    text-align: center;
}

.table2 {
    padding: 0;
    margin: 0;
}

.table2 td, th {
    /*border: 2px double gray;*/
    padding: 0;
    margin: 0;
    /*
    text-align: center;
    */
}

.mask6 {
    position: absolute;
    overflow: hidden;
}

#box7 {
    position: absolute;
}

#box7 span {
    display: block;
    float: left;
    background-color: #999;
}

#thumbs7 {
    position: relative;
    clear: both;
    height: 41px;
    overflow: hidden;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 41px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span {
    display: block;
    width: 60px;
    height: 41px;
    margin: 0;
    float: left;
    cursor: pointer;
    /*
    */
}

#thumbs7 .thumbs div img {
    /*
    width:54px;
    float:right;
    */
}

#thumbs_handles7 span {

}

#thumbs_mask7 {

}

#rezervacije label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    padding: 5px;
    margin-top: 5px;
}

#rezervacije input[type="text"],
#rezervacije textarea,
#rezervacije select {
    width: 220px;
}

#rezervacije input[type="text"]:hover,
#rezervacije textarea:focus,
select:focus  {
    border: 1px solid #A8A8A8;
}
#rezervacije select{
    background: white;
    width: 231px;
}

#rezervacije input[type="text"]:focus,
#rezervacije textarea:focus,
#rezervacije select{
    border: 1px solid black;
}

#rezervacije input,
#rezervacije textarea,
#rezervacije select {
    margin-top: 5px;
    border-radius: 2px;
    border: 1px solid #cecece;
    padding: 5px;
    resize: none;
}

.active-field{
    border: 1px dotted #5FAEE3 !important;
}
.error-field{
    border: 1px solid white!important;
    -webkit-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    -moz-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
}

/* Select Meni - pocetak */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:88px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0.01px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    
    position:absolute;
    pointer-events:none;
    display:block;
}

}


 @media (max-width: 650px) and (min-width: 375px) {
	.okv{
		height:270px !important;
		
	}
	#mesecne-temeperature, .mrg{
		
		 width: 79.3% !important; 
    margin-left:10%!important;
	}
}

	@media (max-width: 485px){
		#mesecne-temeperature{
			display:none!important;
		}
		.inf-1tabl{
			display:table!important;
		}	
		#cont-moje{
			  width: 80%;
			padding: 0;
		}
	}
	@media (max-width: 650px) and (min-width: 480px) {
	.galerija img{
                width: 45%;
                height: 130px !important;
                cursor: pointer;
				
            }
	}
vi
	
/* Portrait LG G3*/
@media (max-width: 640px) and (min-width: 360px) and (orientation: portrait) {
	.modal{
		
	}
}	
	@media all and (orientation: portrait){
		.modal{
			height:50%!important;
		}
	}
	@media (max-width:984px) and (orientation: landscape){
		.modal{
			width: 78%!important;
			height:70%!important;
			left:11%!important;
		}
		#mesecne-temeperature {
            
   
}
	}
/* Landscape phone to portrait tablet */
    @media (max-width: 650px) and (min-width: 215px) {
    .shadow{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 3;
            background: #AAAAAA;
            opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            display: none;
        }
        .modal {
            color: #747273;
            display: none;
            position: fixed;
            z-index: 4;
            top: 3%;
           /* left: 0;*/
		   left:3%;
		   margin:0 auto;
           /* margin-left: 15px;*/
            width: 93%;
            

        }
        .modal .modal-footer{
            text-align: right;
            line-height: 10px;
            background: url("../img/modal_footer.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
            padding: 10px 25px 15px 0;
        }
        .modal-footer span,
        .modal-footer a{
            height: 10px;
            font-size: 10px;
            line-height: 10px;
            padding: 0px;
        }
        .modal .modal-footer .modal-no span{
            cursor: pointer;
            text-align: center;
            width: 20px;
            display: inline-block;
            border-left: 1px solid #cecece;
            color: black;
            font-weight: bold;
        }

        .modal .modal-footer .modal-no .selected{
            color: #CC3333;
        }
        .modal .modal-header{
            background: url("../img/modal_header.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
        }
        .modal .modal-header h1{
            display: inline-block;
            margin: 0;
            padding: 0 10px ;
            font-size: 12px;
            height: 37px;
            line-height: 37px;
            font-weight: bold;
        }
        .modal .modal-header .close{
            cursor: pointer;
            display: inline-block;
            width: 22px;
            height: 22px;
            position: relative;
            top: 7px;
            float: right;
            right: 5px;
            background: url("../img/modal_close_btn.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        }
        .modal .modal-body{
            height: 100%;
            overflow: hidden;
        }

        .modal .modal-body img{
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%
        }
        .modal .modal-footer img{
            position: relative;
            top: 5px;
        }
    .kolona1 {
    width: 60px !important;
}

.marg-equal{
	width:90%!important;
	margin:0 auto !important;
}
.marg-equal p{
	margin:0 auto;
}
#table3{
	width:99%!Important;
}
.table{
	  padding-left: 10%!important;
	  margin: 0!important;
}
#text-poravnanje{
	text-align:center;
}
#nav-social{
	float:left; 
	width:30%!important; 
	text-align:left;
}
.wtf{
	padding:0 10%;
}
#nav-social a{
	margin-left:5%; 
}
.inf-1tabl{
	display:none;
}
#mesecne-temeperature {
            
   
}
        #social-network {
    float: left !important;
}
#cenovnik table {
    margin: -100% !important;
    font-size: inherit !important;
    width: 200px !important;
}
#cenovnik td{
    text-align: center;
    font-size: 8.5px;
}
#cenovnik tr:nth-child(1) td,
#cenovnik td:nth-child(1){ 
    font-weight: bold;
}
.cenovnik {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

#h1-cenovnik {
	padding:0;
	text-align:center;
	margin:0 auto;
	width:90%;
}
#kontakt tr{
	  font-size: 12px!important;
}
.galerija{
	  margin: 0 auto;
  width: 88%;
  padding-left: 6%;
}
.galerija img{
                width: 45%;
                height: 80px;
                cursor: pointer;
				
            }
 .slider {
        position: relative;
        height: 125px;
        width: 100%;
    }
    .slider img{
        position: absolute;
        height: 125px;
        width: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 1;
    }
    .slider img:last-child{
        display: block;
        z-index: 2;
    }

#mapa{
   display:none; 
}
body {
    margin: 0;
    padding: 0;
    background: #CCC;
    font-family: Arial;
    font-size: 10px;
    color: #333;
}
.kako_do_nas{
	width: 96%;
  margin: 0 auto;
}
a {
    color: #333;
    font-size: 18px;
}

ul, li, p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h1 {
    text-align: center;
    font-size: 25px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h2 {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.centar {
    text-align: center;
}

a {
    text-decoration: none;
}

nav[role="full-horizontal"] {
    ul > li {
        position: absolute;
      width: 100%;
    }
  }

#info-links p{
	padding:0 12%;
}

#para_img img{
	margin-top: 3% !important;
}
#kontakt{
	margin-right:10px;
	margin:0 auto;
	width:90%!important;
}

#container {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #a8a8a8;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid silver;
    background: url(../img/headerbg.jpg) repeat-x;
}
#navigacija {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x;
}

#header-left {
    float: center;
}

#header-left h1 {
    color: #554433;
    font-size: 26px;
    font-weight: normal;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

#header-left p {
    color: #554433;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    font-family: Verdana;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

#header-right {
    position: absolute;
    top: 63px;
    right: 0;
    width: 56.8%;
    text-align: right
}
#header-right select{
	color:blue;
}
#header-right select {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x


     border: solid 1px #b4b4b4;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0 .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0 .3);
    box-shadow: 0 1px 3px rgba(0,0,0 .3);
}
#header-right ul {
    margin-right: 10px;
}

#header-right li {
    margin: 0;
    margin-top: 25px;
    padding: 2px;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

#header-right li img {
    border: none;
    margin: auto;
    width: 20px;
    height: 15px;
}

#header-right li:hover {
    background-color: #E4E4E4;
    border-bottom: #999 1px solid;
}

#header-right .selekcija {
    background-color: #E4E4E4;
}

#footer {
    margin-top: 30px;
    padding: 10px;
    height: 90px;
    background: url(../img/footerbg.jpg) repeat-x;
    font-size: 10px;
}

#footer td {
    background: none;
}

#footer-left {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#f-l-in {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

#footer-right {
    display: none;
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
}

#f-r-in {
    margin: 0;
    padding: 0;
    width: 45%;
    float: right;
    background: none;
}

.prazno {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#splash {
    background-image: url(../img/header-b.gif);
    background-repeat: repeat-x;
    height: 72px;
}

#splash img {
    width: 100%;
    height: 65px;
}

#content {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    padding-bottom: 10px;
}

#cont-lh {
    width: 88%;
    
    padding: 0;
    margin:0 auto;
}

#cont-lh-in {
    
    padding-right: 0;
    padding-bottom: 10px;
}

#cont-lh-in p, h1, h2, h3 {
    padding: 10px 10px 0 0;
    margin: 0;
}
#h1{
	padding:10px 0 5px 0!important;
}
#cont-lh-in td p, #cont-in td p {
    padding: 0;
}

#cont-rh {
    display:block;
    width: 100%;
}

#cont-rh-in {
    display: block;
    
    padding-top: 0;
    padding-bottom: 20px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}


#cont-rh-in img {
    width: 95%;
    padding: 0;
    margin: 0;
}

#cont-rh-in td {
    text-align: left;
}

#apart1, #apart2, #apart3, #apart4 {
    width: 90%;
    padding-top: 10px;
    margin-top:5px;
}
.marg-610px{
/*	margin-left:4.5% !important; */
}

.aprtment-img{
    padding-bottom: 5px
}
.apartman {
    background: url(../img/ap-box-bg.jpg) repeat-x;
    border: 1px solid #bebebe;
    border-radius: 5px;
    display: inline-block;
    height: 100%;
}

.apartman h1 {
    padding-top: 40px;
    text-align: left;
    text-align:center;
}

.apartman p {
    width: 45%;
    float: left;
	margin-left:10%;
	margin-top:5%;
    padding: 0px 5px;
}

.apartman img {
    height: 300px;
    width: 50%;
    
    border-radius: 5px;
    
}



.apartman:hover {
    border: 1px solid gray;
}

.apartman p.details{
    color: blue;
	margin-bottom:3%;
}

.apartman p.details:hover{
    color: red;
}

.apartman a {
    padding: 0 5px;
    float: left;
    color: blue;
}

.apartman a:hover {
    padding: 5px;
    float: left;
    color: red;
}

#cont-in {
 /* margin-left: 14%; */
    padding-bottom: 0px;
}

#cont-in-2 {
    padding-left: 2%;
    padding-top: 10px;
    padding-right: 2%;
    padding-bottom: 10px;
}

#cont-in h2 {
    padding: 10px 0;
}

#cont-in p {
    padding: 10px 0;
    clear:both;
}

#cont-in table tr {
    font-size: 12px;

}

.plaza {
    width: 90%;
   /* padding-left: 15px; */
   margin:0 auto;
}

.plaza h2 {
    padding: 5px 0;
}

#mapa {
    border: 1px solid silver;
    width: 625px;
    height: 304px;
    text-align: center;
    margin-left: 70px;
}

#mapa img {
    width: 620px;
    height: 300px;
    padding: 2px;
}

#content img {
    border: none;
	margin:1px;
}

#index-content-left {
    float: left;
    width: 48%;
    padding-left: 30px;
    padding-top: 35px;
}

#index-content-left p {
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-left h1 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
}

#index-content-right {
    width: 48%;
    float: right;
    text-align: center;
}

#index-content-right-t {
    width: 49%;
    float: right;
    text-align: center;
    padding-top: 3px;
}

#index-content-right-t h1 {
    font-size: 20px;
    text-align: justify;
    color: #096;
    font-weight: normal;
}

#index-content-right-t li {
    margin-left: 80px;
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-right-i {
    padding: 20px 10px;
}

#content h1 {
    color: #F00;
}

#content h2 {
    clear: both;
}

#info {
    padding-top: 35px;
    padding-left: 20px;
}

.plaza-img{
    width: 88%;
	margin:0 auto;
}
.okv {
    display: block;
    border: 1px solid silver;
    /*margin: 0 10px;*/
	margin:0 auto 2%;
    width: 90%;
    /*height: 154px;*/
	height:150px;
    text-align: center;
    /*float: left;*/
}

.okv img {
    width: 100%;
    /*height: 150px;*/
	height:100%;
}

#info table {
    padding-top: 35px;
    padding-left: 20px;
}

#info h1 {
    font-size: 22px;
}

#info table h1 {
    padding: 0 0 10px 0;
}

#info h1, h2, p {
    
    text-align: justify;
}

#info ul {
    padding: 0 100px;
}

#- td {
    text-align: left;
}

#content table {
    width: 100%;
    font-size: 12px;
}

#content td {
    padding: 3px;
}

#content tr {
    background-color: #E9E9E9;
}

.zuto {
    background-color: #fff0e1;
}

.plavo {
    background-color: #eaffff;
}

#box1 {
    position: absolute;
}

.mask {
    overflow: hidden;
    width: 978px;
    height: 340px;
}

.mask img {
    position: absolute;
    display: block;
    border: none;
}

.text-levo {
    text-align: left;
}

.tabela1 {
    border: 1px #999 solid;
}

.tabela1 td {
    background-color: #FFF;
}

.tabela1 th {
    background-color: #FFF;
    text-align: center;
}

.table2 {
    margin-left: 0px !important;
    width: 90% !important;
}


.mask6 {
    position: absolute;
    overflow: hidden;
}

#box7 {
    position: absolute;
}

#box7 span {
    display: block;
    float: left;
    background-color: #999;
}

#thumbs7 {
    position: relative;
    clear: both;
    height: 41px;
    overflow: hidden;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 41px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span {
    display: block;
    width: 60px;
    height: 41px;
    float: left;
    cursor: pointer;
}

#rezervacije label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    padding: 5px;
    margin-top: 5px;
}

#rezervacije input[type="text"],
#rezervacije textarea,
#rezervacije select {
    width: 220px;
}

#rezervacije input[type="text"]:hover,
#rezervacije textarea:focus,
select:focus  {
    border: 1px solid #A8A8A8;
}
#rezervacije select{
    background: white;
    width: 231px;
}

#rezervacije input[type="text"]:focus,
#rezervacije textarea:focus,
#rezervacije select{
    border: 1px solid black;
}

#rezervacije input,
#rezervacije textarea,
#rezervacije select {
    margin-top: 5px;
    border-radius: 2px;
    border: 1px solid #cecece;
    padding: 5px;
    resize: none;
}
.active-field{
    border: 1px dotted #5FAEE3 !important;
}
.error-field{
    border: 1px solid white!important;
    -webkit-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    -moz-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
}
select {
    
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:88px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0.01px;
    
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    
    position:absolute;
    pointer-events:none;
    display:block;
}     
	 }



@media screen and (max-width: 306px)  and (min-width: 215px){
	#content table {
		font-size:8px;
	}
	#content table p{
		font-size:8px;
	}
}
@media screen and (max-width: 330px)  and (min-width: 215px){
	.apartman img {
		height: 240px;
	}
}
/*213 x 320 LG Optimus one*/
@media screen and (max-width: 214px) {

.shadow{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 3;
            background: #AAAAAA;
            opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            display: none;
        }
        .modal {
            color: #747273;
            display: none;
            position: fixed;
            z-index: 4;
            top: 3%;
            left: 3%;
            margin:0 auto;
            width: 90%;
            height:60%!important;

        }
        .modal .modal-footer{
            text-align: right;
            line-height: 10px;
            background: url("../img/modal_footer.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
            padding: 10px 25px 15px 0;
        }
        .modal-footer span,
        .modal-footer a{
            height: 10px;
            font-size: 10px;
            line-height: 10px;
            padding: 0px;
        }
        .modal .modal-footer .modal-no span{
            cursor: pointer;
            text-align: center;
            width: 20px;
            display: inline-block;
            border-left: 1px solid #cecece;
            color: black;
            font-weight: bold;
        }

        .modal .modal-footer .modal-no .selected{
            color: #CC3333;
        }
        .modal .modal-header{
            background: url("../img/modal_header.jpg") repeat-x scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
        }
        .modal .modal-header h1{
            display: inline-block;
            margin: 0;
            padding: 0 10px ;
            font-size: 12px;
            height: 37px;
            line-height: 37px;
            font-weight: bold;
        }
        .modal .modal-header .close{
            cursor: pointer;
            display: inline-block;
            width: 22px;
            height: 22px;
            position: relative;
            top: 7px;
            float: right;
            right: 5px;
            background: url("../img/modal_close_btn.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
        }
        .modal .modal-body{
            height: 60%;
            overflow: hidden;
        }

        .modal .modal-body img{
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%
        }
        .modal .modal-footer img{
            position: relative;
            top: 5px;
        }
    .kolona1 {
    width: 60px !important;
}
        #mesecne-temeperature {
           /* display: none !important;*/
    
}
        #social-network {
    float: left !important;
    display: block;
}
#cenovnik table {
    margin: -100% !important;
    font-size: inherit !important;
    width: 200px !important;
}

#cenovnik td{
    text-align: center;
    font-size: 7px;
}
#cenovnik tr:nth-child(1) td,
#cenovnik td:nth-child(1){ 
    font-weight: bold;
}
#kontakt tr{
	  font-size: 8px!important;
}
#naslovna{
	margin:0 auto;
}
.wtf{
	padding:0 10%;
}
.cenovnik {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.galerija{
	margin:0 auto;
	width:90%;
	padding-left:6%;
}
.galerija img{
                  width: 45%;
                  height: 60px;;
                cursor: pointer;
            }
 .slider {
        position: relative;
        height: 85px;
        width: 100%;
    }
    .slider img{
        position: absolute;
        height: 85px;
        width: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 1;
    }
    .slider img:last-child{
        display: block;
        z-index: 2;
    }

#mapa{
   display:none; 
}
.marg-equal{
	width:95%;
	margin:0 auto;
}
.marg-equal p{
	margin:0 auto;
}
body {
    margin: 0;
    padding: 0;
    background: #CCC;
    font-family: Arial;
    font-size: 7px !important;
    color: #333;
}

a {
    color: #333;
    font-size: 12px;
}

ul, li, p {
    font-size: 10px;
    padding: 0;
    margin: 0;
    font-weight: lighter;
}

h1 {
    text-align: center;
    font-size: 18px;
    font-weight: lighter;
}

h2 {
    font-size: 16px;
}

.centar {
    text-align: center;
}

a {
    text-decoration: none;
}

nav[role="full-horizontal"] {
    ul > li {
        position: absolute;
      width: 100%;
    }
  }

#container {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #a8a8a8;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid silver;
    background: url(../img/headerbg.jpg) repeat-x;
}
#navigacija {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x;
    min-height: 25px;
    padding-top: 5px;
}

#header-left {
    float: center;
}

#header-left h1 {
    color: #554433;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
}

#header-left p {
    color: #554433;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    font-family: Verdana;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}
#nav-social{
	display:none;
}
#header-right {
    position: absolute;
    top: 63px;
    right: 0;
    width: 50%;
    text-align: right
}
#header-right select {
    background-image: url(../img/topnavbg.jpg);
    background-repeat: repeat-x;

	color:blue;
     border: solid 1px #b4b4b4;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0 .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0 .3);
    box-shadow: 0 1px 3px rgba(0,0,0 .3);
}
#header-right ul {
    margin-right: 10px;
}

#header-right li {
    margin: 0;
    margin-top: 25px;
    padding: 2px;
    display: inline;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 20px;
    height: 20px;
}

#header-right li img {
    border: none;
    margin: auto;
    width: 20px;
    height: 15px;
}

#header-right li:hover {
    background-color: #E4E4E4;
    border-bottom: #999 1px solid;
}

#header-right .selekcija {
    background-color: #E4E4E4;
}

#footer {
    margin-top: 30px;
    padding: 10px;
    height: 90px;
    background: url(../img/footerbg.jpg) repeat-x;
    font-size: 10px;
}

#footer td {
    background: none;
}

#footer-left {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#f-l-in {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
}

#footer-right {
    display: none;
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
}

#f-r-in {
    margin: 0;
    padding: 0;
    width: 45%;
    float: right;
    background: none;
}

.prazno {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#splash {
    background-image: url(../img/header-b.gif);
    background-repeat: repeat-x;
    height: 46px;
}

#splash img {
    width: 100%;
    height: 45px;
}

#content {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    padding-bottom: 10px;
}

#cont-lh {
    width: 90%;
   
    padding: 0;
    margin-left:10%;
}
.apartments img {
    width: 45% !important;
    height: 50px !important;
}

.table{
	
}

#cont-lh-in {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

#cont-lh-in p, h1, h2, h3 {
    padding: 10px 10px 0 0;
    margin: 0;
}

#cont-lh-in td p, #cont-in td p {
    padding: 0;
}

#cont-rh {
    display:block;
    width: 100%;
}

#cont-rh-in {
    display: block;
    padding-left:10%;
    padding-top: 0;
    padding-bottom: 20px;
    width: 95%;
    margin:0;
    text-align:center;
}

#table3 {
  width: 85.5%!Important;
}
#cont-rh-in img {
    width: 95%;
    
    margin: 0;
	
}
#h1 {
	 padding: 10px 0 5px 0!important;
}
#cont-rh-in td {
    text-align: left;
}

#apart1, #apart2, #apart3, #apart4 {
    width: 90%;
    padding-top: 10px;
    
}
.apar_p{
	 /*margin-left:16px !important;*/
	 
	 text-align:center!important;
}
.aprtment-img{
    padding-bottom: 5px;
	margin:0 auto;
}
.apartman {
    background: url(../img/ap-box-bg.jpg) repeat-x;
    border: 1px solid #bebebe;
    border-radius: 5px;
    display: inline-block;
    height: 100%;
	margin:0 ;
	margin: 10px 7px 10px 7px;
}

.apartman h1 {
    padding-top: 40px;
    text-align: center;
    margin-top: 100px;
	
}

.apartman p {
    width:80%;
    
	
}

.apartman img {
    height: 130px;
    width: 40%;
    float: right;
    border-radius: 5px;
	padding-right:3.5px;
}

.apartman p {
    margin: 12px auto;
    padding: 0px 5px;
}

.apartman:hover {
    border: 1px solid gray;
}

.apartman p.details{
    color: blue;
}

.apartman p.details:hover{
    color: red;
}

.apartman a {
    padding: 0 5px;
    float: left;
    color: blue;
}

.apartman a:hover {
    padding: 5px;
    float: left;
    color: red;
}

#cont-in {
    margin:0 auto;
	
    padding-bottom: 0px;
}
.kako_do_nas{
	width:90%;
	margin:0 auto;
}
#cont-in-2 {
    padding-left: 2%;
    padding-top: 10px;
    padding-right: 2%;
    padding-bottom: 10px;
}

#cont-in h2 {
    padding: 10px 0;
}

#cont-in p {
    padding: 10px 0;
    clear:both;
}

#cont-in table tr {
    font-size: 12px;

}

.kako_do_nas{
	margin-right:10%;
}
#para_img{
	margin-right:20%;
}
#para_img img{
	width:100%;
	height:100%;
	margin-top:5% !important; 
}

.plaza {
    width: 90%;
    margin:0 auto;
}

.plaza h2 {
    padding: 5px 0;
}

#mapa {
    border: 1px solid silver;
    width: 625px;
    height: 304px;
    text-align: center;
    margin: 70px;
}

#mapa img {
    width: 620px;
    height: 300px;
    padding: 2px;
}

#content img {
    border: none;
}

#index-content-left {
    float: left;
    width: 48%;
    padding-left: 30px;
    padding-top: 35px;
}

#index-content-left p {
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-left h1 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
}

#index-content-right {
    width: 48%;
    float: right;
    text-align: center;
}

#index-content-right-t {
    width: 49%;
    float: right;
    text-align: center;
    padding-top: 3px;
}

#index-content-right-t h1 {
    font-size: 20px;
    text-align: justify;
    color: #096;
    font-weight: normal;
}

#index-content-right-t li {
    margin-left: 80px;
    text-align: justify;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

#index-content-right-i {
    padding: 20px 10px;
}

#content h1 {
    color: #F00;
}

#content h2 {
    clear: both;
}

#info {
    padding-top: 35px;
    padding-left: 20px;
}

.plaza-img{
    width: 100%; 
   
	
}
.okv {
    display: block;
    border: 1px solid silver;
    margin: 0 auto 2%;
    width: 90%;
    height: 150px;
    text-align: center;
    
}

.okv img {
    width: 100%;
    height: 150px;
	
}

#cont-lh-in table{
	margin-left:20px;
}

#info-links p{
	width: 80%;
	padding:0;
	margin:0 auto;
}

#info table {
    padding-top: 35px;
    padding-left: 20px;
}

#info h1 {
    font-size: 22px;
}

#info table h1 {
    padding: 0 0 10px 0;
}

#info h1, h2, p {
   
    text-align: left;
}

#info ul {
    padding: 0 100px;
}

#info td {
    text-align: left;
}

#content table {
    width: 100%;
    font-size: 6px;
}

	#content table p{
		font-size:6px;
	}
#content td {
    padding: 3px;
}

#content tr {
    background-color: #E9E9E9;
}

.zuto {
    background-color: #fff0e1;
}

.plavo {
    background-color: #eaffff;
}

#box1 {
    position: absolute;
}

.mask {
    overflow: hidden;
    width: 978px;
    height: 340px;
}

.mask img {
    position: absolute;
    display: block;
    border: none;
}

.text-levo {
    text-align: left;
}

.tabela1 {
    border: 1px #999 solid;
}

.tabela1 td {
    background-color: #FFF;
}

.tabela1 th {
    background-color: #FFF;
    text-align: center;
}

.table2 {
    margin-left: 0px !important;
    width: 90% !important;
}


.mask6 {
    position: absolute;
    overflow: hidden;
}

#box7 {
    position: absolute;
}

#box7 span {
    display: block;
    float: left;
    background-color: #999;
}

#thumbs7 {
    position: relative;
    clear: both;
    height: 41px;
    overflow: hidden;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 41px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span {
    display: block;
    width: 60px;
    height: 41px;
    float: left;
    cursor: pointer;
}

#rezervacije label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    padding: 5px;
    margin-top: 5px;
}

#rezervacije input[type="text"],
#rezervacije textarea,
#rezervacije select {
    width: 220px;
}

#rezervacije input[type="text"]:hover,
#rezervacije textarea:focus,
select:focus  {
    border: 1px solid #A8A8A8;
}
#rezervacije select{
    background: white;
    width: 231px;
}

#rezervacije input[type="text"]:focus,
#rezervacije textarea:focus,
#rezervacije select{
    border: 1px solid black;
}

#rezervacije input,
#rezervacije textarea,
#rezervacije select {
    margin-top: 5px;
    border-radius: 2px;
    border: 1px solid #cecece;
    padding: 5px;
    resize: none;
}
.active-field{
    border: 1px dotted #5FAEE3 !important;
}
.error-field{
    border: 1px solid white!important;
    -webkit-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    -moz-box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
    box-shadow: 0px 0px 7px 3px rgba(250,73,73,1);
}
select {
   
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0px;
   
     margin: -3px 1px;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    
    position:absolute;
    pointer-events:none;
    display:block;
}
}