body { font-family: 'Roboto', sans-serif; font-size:21px; line-height:24px; padding:0px; margin:0px; }
a { text-decoration:none; }

@media only screen and (min-width: 300px) and (max-width: 900px) {
.naslovna_veliki_nazivi { text-align:center; margin:30px; color:#000000; font-size:30px; line-height:33px; font-weight:600; }
.naslovna_veliki_nazivi a { color:#000000; }
}

@media only screen and (min-width: 901px)  {
.naslovna_veliki_nazivi { text-align:center; margin:30px; color:#000000; font-size:40px; line-height:43px; font-weight:600; }
.naslovna_veliki_nazivi a { color:#000000; }
}
 
.arrow {
  border: 1px solid #B79A5C;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  margin-right:10px;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top:5px; 
} 
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top:0px; 
}



/* input plis minus */
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin:0px; padding:0px;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:after {
  display: inline-block;
  position: absolute;
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: '\f077';
  transform: translate(-50%, -50%) rotate(180deg);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.number-input input[type=number] {
  max-width: 4rem;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 22px;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}
/* input plus minus kraj */


.shop_ispis_detalji_link { height:33px; text-align:center; line-height:33px; background-image:url(images/back_kosarica.jpg); border:1px #414042 solid; width:100%; margin-top:10px; }
.shop_ispis_link  { text-decoration:none; color:#fff; font-size:14px; }
.shop_ispis_link:hover { text-decoration:underline; color:#fff; font-size:14px; }

.shop_ispis_detalji_kosarica { height:33px; text-align:center; line-height:33px;  border:1px #414042 solid; width:100%; margin-top:10px; }

.shop_ispis_detalji_kosarica2 { height:33px; text-align:center; line-height:33px; background-color:#414042; border:1px #414042 solid; width:100%; margin-top:10px; }

.shop_ispis_obrisi_kosarica { height:33px; text-align:center; line-height:33px; background-color:#414042;  border:1px #414042 solid; width:100%; margin-top:10px; }
 

.zavrsi_kupovinu { background-color:#AA0303; padding:3%; border:none; color:#FFF; width:94%; cursor:pointer; font-weight:bold; font-size:18px; line-height:21px; }

/* meni */

.meni_klikni_new { position:absolute; left: 40px;  top:10px; z-index:999; }
.meni_klikni { position:absolute; left: 50%;  top:10px; z-index:999; }
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.95); /* Black w/ opacity */
}

.modal3 {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255,0.7); /* Black w/ opacity */
}


 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999998; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #ffffff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    color: #333;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	text-decoration:underline;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 0px;}
    .sidenav a {font-size: 18px;}
} 
/* meni kraj */
.meni_glavni { font-size:28px; line-height:31px; text-decoration:none; }
.meni_glavni a { font-size:22px; line-height:25px; text-decoration:none; }
.meni_glavni a:hover { text-decoration:underline; }

.meni_glavni_new { font-size:18px; line-height:21px; font-weight:300; text-decoration:none; }
.meni_glavni_new a { font-size:18px; line-height:21px; font-weight:300; text-decoration:none; }
.meni_glavni_new a:hover { text-decoration:underline; }

.meni_glavni_new_big { font-size:18px; line-height:21px; font-weight:400; text-decoration:none; }
.meni_glavni_new_big a { font-size:18px; line-height:21px; font-weight:400; text-decoration:none; }
.meni_glavni_new_big a:hover { text-decoration:underline; }

.meni_glavni_small strong { font-weight:400; }
.meni_glavni_small a { font-size:22px; line-height:25px; text-decoration:none; font-weight:300; }
.meni_glavni_small a:hover { text-decoration:underline; }
.crtica_meni { height:1px; background-color:#CCC; margin-top:10px; margin-bottom:10px; }

.max_width { max-width:1120px; }
.max_width_veci { max-width:1500px; }

.dragg-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90%;
    z-index: 999;
    cursor: grabbing;
}


form { padding:0px; margin:0px; }
input { -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; width:100%; padding:2%; min-height:40px; margin-bottom:10px; border:1px #BEBEBE solid; color:#6D575C; font-size:13px; background-color:#ffffff; }
textarea { -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; padding:3%; margin-bottom:10px;  line-height:18px; border:1px #BEBEBE solid; color:#6D575C; font-size:13px; width:94%; background-color:#ffffff; }
select { -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; margin-bottom:10px; border:1px #ffffff solid; color:#6D575C; font-size:15px; width:100%; padding:5%; background-color:#ffffff;  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }

.textfield {  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; width:100%; height:40px; background-color:#ffffff; border:none; } 
 		   
  
.trazilica_select_gumb { -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; margin-bottom:10px; border:1px #F1F0EE solid; min-height:auto; color:#ffffff; font-size:15px; width:100%; padding:5%; background-color:#ffffff;  }  
 

.clear_both { clear:both; }

table { font-size:16px; line-height:19px; }

.dodaj_za_mobitel_scroll {  white-space: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; }
.dodaj_za_mobitel_scroll::-webkit-scrollbar {
  display: none; }	
  
  	

@media only screen and (min-width: 300px) and (max-width: 1150px) {
.float_left_16 { float:left; width:48%; padding-left:1%; padding-right:1%; }
.float_left_25_footer { float:left; width:100%; }
.float_left_15_footer { float:left; width:100%; }
.float_left_35_footer { float:left; width:100%; }
.float_left_33 { float:left; width:100%; font-size:16px; line-height:19px; }
.float_left_33 a { color:#FFFFFF; }
.float_left_33 a:hover { text-decoration:underline; }

.float_left_33_tamni { float:left; width:100%; font-size:16px; line-height:22px; }
.float_left_33_tamni a { color:#000000; }
.float_left_33_tamni a:hover { text-decoration:underline; }
.prikazuj_desktop { display:none;  }
.prikazuj_mobitel { display:block; }
.center_text_mobile { text-align:center;  }
.border_detalji {   }
.border_top_detalji { border-top:5px #F2F2F2 solid; }
.mobilna_kosarica_text { font-size:17px;  }
.padding_trazilica { padding:15px; }
.naziv_nekretnina_detalji { color:#FFFFFF; font-size:19px; line-height:22px; font-weight:500;  }
}

@media only screen and (min-width: 1151px)  {
.float_left_16 { float:left; width:15%; margin-right:1.66%; }
.float_left_15_footer { float:left; width:20%; }
.float_left_25_footer { float:left; width:25%; }
.float_left_35_footer { float:left; width:30%; }
.float_left_33 { float:left; width:33.33%; font-size:16px; line-height:19px; }
.float_left_33 a { color:#FFFFFF; }
.float_left_33 a:hover { text-decoration:underline; }
.float_left_33_tamni { float:left; width:33.33%; font-size:16px; line-height:22px; }
.float_left_33_tamni a { color:#000000; }
.float_left_33_tamni a:hover { text-decoration:underline; }
.border_left_left_footer { border-left:1px #cccccc dashed; }
.border_righ_right_footer { border-right:1px #cccccc dashed; }
.border_left_right_footer { border-left:1px #cccccc dashed; border-right:1px #FFE5D4 dashed; }
.border_left_right_footer_tamni { border-left:1px #cccccc dashed; border-right:1px #cccccc dashed; }
.padding_left_footer { padding-left:30px; }
.prikazuj_desktop { display:block;  }
.prikazuj_mobitel { display:none; }
.center_text_mobile {  }
.border_detalji { border-left:5px #F2F2F2 solid; border-right:5px #F2F2F2 solid; }
.padding_trazilica { padding:15px; }
.naziv_nekretnina_detalji { color:#FFFFFF; font-size:21px; line-height:24px; font-weight:500; }
}

.footer_nazivi_kategorija { color:#000; margin-bottom:10px; font-size:15px; }
.footer_opis_kategorija { font-size:18px; text-align:center; color:#000; line-height:23px; }
.footer_footer_2 {  color:#FFFFFF; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:17px; }
.footer_footer_2 a { color:#FFFFFF; font-size:14px; line-height:17px; }
.footer_footer_2 a:hover { text-decoration:underline; }
.height_10 { height:10px; }

.text_stranice { font-size:16px; line-height:19px; }
.text_stranice h1 { font-size:32px; line-height:35px; }
.text_stranice h2 { font-size:28px; line-height:31px; }

.text_stranice2 { color:#ffffff; font-size:16px; line-height:19px; }
.text_stranice2 a { color:#B79A5C; }
.text_stranice2 h1 { font-size:32px; line-height:35px; }
.text_stranice2 h2 { font-size:28px; line-height:31px; }

.za_sliku { opacity: 1.0;  filter: alpha(opacity=100);  }
.za_sliku:hover { opacity: 0.6; filter: alpha(opacity=60); } 
.za_animaciju { float:left; }
.za_animaciju:hover { display: inline-block;
  height: 40px;
  width: 40px;
  animation: roll 2s infinite;
  animation-direction: alternate; }

@keyframes roll {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

hr  { border: 0; margin-top:5px; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); behavior:url(PIE.php); }



.trazilica_gumb { height:37px; line-height:20px; width:16%; border:none; background-color:#0076C8; background-image:url(../images/search_ikona.png); background-position:center; background-repeat:no-repeat;  margin-top:0px; margin-left:4px; float:left; cursor:pointer; color:#ffffff; }
.trazilica_polje { border-left:none!important; border-top:none!important; border-right:none!important; border-bottom:1px #0076C8 solid; padding:0px; height:37px; padding-left:5%; width:75%; margin-top:0px; margin-left:2%; float:left; color:#0076C8; font-style: italic; outline:none!important; background-color:#f7f7f7; }

.rub{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.rub_gore_lijevo{border-top-left-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;}
.rub_gore_desno{border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;}
.rub_gore { border-top-left-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px; }
.rub_dole { border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px; }
.rub_linkovi{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}

/* meni kraj */



.meni_glavni_desktop img { margin-top:-3px; }
.meni_glavni_desktop { margin:0px; padding:0px; width:auto; }
.meni_glavni_desktop ul { list-style: none; padding: 0px; margin: 0px; }
.meni_glavni_desktop ul li { display: block; position: relative; float:left; padding-left: 10px; padding-right: 10px; }
.meni_glavni_desktop li ul { display: none; }
.meni_glavni_desktop ul li a { display: block; text-decoration: none; color:#ffffff!important; padding:10px; font-size:18px; }
.meni_glavni_desktop ul li a:hover { display: block; }
.meni_glavni_desktop li:hover ul { display: block; min-width:215px; left:10px; position: absolute; z-index:999; border-bottom:1px #FFFFFF solid; border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid; }
.meni_glavni_desktop li:hover li { float: none; margin:0px; padding:0px; text-align:left; }
.meni_glavni_desktop li:hover a { background: #666468; color: #ffffff;  }
.meni_glavni_desktop li:hover li a:hover { background: #504F51; }
.meni_glavni_desktop li ul li ol { display: none; margin:0px; padding:0px; }
.meni_glavni_desktop li ul li:hover ol { display: block; min-width:215px; left:125px; top:10px; position: absolute; z-index:999; border:1px #FFFFFF solid; }

.popusti_ispis { width:58px; height:58px; position:absolute; z-index:99; margin-left:10px; margin-top:10px; line-height:58px; text-align:center; font-size:17px; font-weight:bold; color:#FFF; background-image:url(http://www.bojna.hr/images/popust_ikona.png); }
.popusti_ispis_pomak { width:58px; height:58px; position:absolute; z-index:99; margin-left:-10px; margin-top:-10px; line-height:58px; text-align:center; font-size:17px; font-weight:bold; color:#FFF; background-image:url(http://www.bojna.hr/images/popust_ikona.png); }


/* mobile i desktop prikaz */ 
/* mobile i desktop prikaz */

/* mobile i desktop prikaz */
/* mobile i desktop prikaz */


@media only screen and (min-width: 300px) and (max-width: 768px) { 
.galerija_slika_slike_div_manje{ float:left; width:50%; }
.galerija_slika_slike { width:100%; }
.margin_top_mobile { bottom:-80px; }
.witht_mobile_desktop { width:90%; position:absolute; left:5%; }
}
@media only screen and (min-width: 769px)  { 
.galerija_slika_slike_div_manje{ float:left; width:25%; }
.galerija_slika_slike { width:100%; }
.margin_top_mobile { bottom:-70px; }
.witht_mobile_desktop { width:70%; position:absolute; left:15%; }
}


.inside {
	margin-left:20px;
    position: absolute;
    bottom: 20px;
	right:0px;
	background-image:url(images/back_za_nazive.png);
}
.inside a { color:#3F3F3F; font-size:25px; font-weight:bold; }
.inside a:hover { text-decoration:underline; }
.inside_naziv { background-image:url(images/inside_naziv.png); padding:10px; }
.inside_naziv a { text-decoration:none; font-size:14px; font-weight:bold; color:#FFF; }
.inside_naziv a:hover { text-decoration:underline; }
.inside_cijena { background-image:url(images/inside_cijena.png); padding:10px; color:#A40000; font-weight:bold; font-size:14px; }

.border_1_DEDEDE { border:1px #eeeeee solid; }
.padding_1 { padding:1px; }
.padding_10 { padding:10px; }

.alert { padding:10px; margin-bottom:25px; background-color:#F35132; color:#ffffff; font-size:17px; line-height:20px; }
.alert_veliki { padding:20px; background-color:#F35132; color:#ffffff; font-size:17px; line-height:20px; }
.alert_poslan { padding:10px; margin-bottom:25px; background-color:#414042; color:#ffffff; font-size:17px; line-height:20px; }

input { font-size:16px; line-height:19px; background-color:#FFFFFF;  padding-top:5px; padding-bottom:5px; }

.paination {
	width:30px; height:30px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	background: #F0F0F0;
	border: 1px solid #F0F0F0;
	margin-left:10px; margin-top:10px; margin-bottom:10px;   
}
.paination a {
	color:#55575F; text-decoration:none; line-height:30px;
}
.paination_active {
	width:30px; height:30px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	background: #D3A65C;
	border: 1px solid #D3A65C;
	margin-left:10px; margin-top:10px; margin-bottom:10px;   
}
.paination_active a {
	color:#ffffff; text-decoration:none; line-height:30px;
}

.paginator_prikaz { margin-top:-10px; }


.order_by { text-decoration:none; color:#414042; }
.order_by:hover { text-decoration:underline; }
.order_by_selected { text-decoration:underline; color:#000000; }


/* FLOAT LEFT */
@media only screen and (min-width: 300px) and (max-width: 600px) {
.float_30 { display: left; width:100%; clear:both; order: 2; }
.float_70 { float:left; width:100%; clear:both; order: 1; }
.float_30_right { float:left; width:100%; clear:both; order: 2; }
.float_70_right { float:left; width:100%; clear:both; order: 1; }
.display_flex_row { display: flex; flex-flow: row wrap; }

.rub_linkovi_desni{border-top-right-radius:25px;-moz-border-top-right-radius:25px;-webkit-border-top-right-radius:25px; border-top-left-radius:25px;-moz-border-top-left-radius:25px;-webkit-border-top-left-radius:25px;}
.rub_linkovi_lijevi{border-top-right-radius:25px;-moz-border-top-right-radius:25px;-webkit-border-top-right-radius:25px; border-top-left-radius:25px;-moz-border-top-left-radius:25px;-webkit-border-top-left-radius:25px;}

.float_left_25_full { float:left; width:100%; }
.float_left_20_full { float:left; width:100%; }
.float_left_33_full { float:left; width:100%; }
.float_left_25 { float:left; width:50%; }
.float_left_50 { float:left; width:100%!important; }
.float_left_40 { float:left; width:100%!important; }
.float_left_60 { float:left; width:100%!important; }
.float_left_45 { float:left; width:100%!important; }
.float_left_30 { float:left; width:100%!important; }
.float_left_70 { float:left; width:100%!important; }
.float_left_55 { float:left; width:100%!important; }
.slika_ispis {
	min-height:180px;
}
.outside {
    position:relative;
	min-height:440px;
}
.border_top_full_left { border-top:1px #f7f7f7 solid; padding-top:0px; margin-top:5px!important; text-align:left!important; }
.box_shadow_objekti { margin:1px; box-shadow: 0px 0px 5px 5px #F5F5F5; }
.float_left_25_clear { clear:both!important; }
.logo_footer { max-width:177px; }
.footer_veliki { font-weight:bold; font-size:17px; line-height:20px; color:#B79A5C; }
.border_top_footer { border-top:1px #B79A5C dashed; font-size:13px; line-height:16px; }
.footer_footer_1 { color:#FFFFFF; font-size:13px; line-height:16px; }
.footer_footer_1 a { color:#FFFFFF; font-size:13px; line-height:16px; }
.footer_footer_1 a { color:#FFFFFF; }
.footer_footer_1 a:hover { text-decoration:underline; }
.input_ide { padding-left:3%!important; padding-right:3%!important; width:94%!important; }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
.float_30 { display: left; width:100%; clear:both; order: 2; }
.float_70 { float:left; width:100%; clear:both; order: 1; }
.float_30_right { float:left; width:100%; clear:both; order: 2; }
.float_70_right { float:left; width:100%; clear:both; order: 1; }
.display_flex_row { display: flex; flex-flow: row wrap; }

.rub_linkovi_desni{border-top-right-radius:25px;-moz-border-top-right-radius:25px;-webkit-border-top-right-radius:25px; border-top-left-radius:25px;-moz-border-top-left-radius:25px;-webkit-border-top-left-radius:25px;}
.rub_linkovi_lijevi{border-top-right-radius:25px;-moz-border-top-right-radius:25px;-webkit-border-top-right-radius:25px; border-top-left-radius:25px;-moz-border-top-left-radius:25px;-webkit-border-top-left-radius:25px;}

.float_left_25 { float:left; width:50%; }
.float_left_25_full { float:left; width:50%; }
.float_left_50 { float:left; width:100%!important; }
.float_left_40 { float:left; width:100%!important; }
.float_left_60 { float:left; width:100%!important; }
.float_left_45 { float:left; width:100%!important; }
.float_left_30 { float:left; width:100%!important; }
.float_left_70 { float:left; width:100%!important; }
.float_left_55 { float:left; width:100%!important; }
.slika_ispis {
	min-height:180px;
}
.outside {
    position:relative;
	min-height:460px;
}
.border_top_full_left { border-top:1px #f7f7f7 solid; padding-top:0px; margin-top:0px; text-align:left!important; }
.box_shadow_objekti { margin:1px; box-shadow: 0px 0px 5px 5px #F5F5F5; }
.float_left_25_clear { clear:both!important; }
.logo_footer { max-width:177px; }
.footer_veliki { font-weight:bold; font-size:17px; line-height:20px;  }
.border_top_footer { border-top:1px #cccccc solid; font-size:13px; line-height:16px; }
.footer_footer_1 { color:#FFFFFF; font-size:13px; line-height:16px; }
.footer_footer_1 a { color:#FFFFFF; font-size:13px; line-height:16px; }
.footer_footer_1 a { color:#FFFFFF; }
.footer_footer_1 a:hover { text-decoration:underline; }
.input_ide { padding-left:3%!important; padding-right:3%!important; width:94%!important; }
}
@media only screen and (min-width: 801px)  {
.float_30 { float:left; width:35%; }
.float_70 { float:left; width:65%; }
.float_30_right { float:left; width:35%; }
.float_70_right { float:left; width:65%; }

.rub_linkovi_desni{border-top-right-radius:25px;-moz-border-top-right-radius:25px;-webkit-border-top-right-radius:25px; border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;-webkit-border-bottom-right-radius:25px;}
.rub_linkovi_lijevi{border-top-left-radius:25px;-moz-border-top-left-radius:25px;-webkit-border-top-left-radius:25px; border-bottom-left-radius:25px;-moz-border-bottom-left-radius:25px;-webkit-border-bottom-left-radius:25px;}
.height_lokacije { height:55px; }

.float_left_25_full { float:left; width:25%; }
.float_left_20_full { float:left; width:20%; }
.float_left_33_full { float:left; width:33.33%; }
.float_left_25 { float:left; width:25%; }
.float_left_50 { float:left; width:50%!important; }
.float_left_40 { float:left; width:40%!important; }
.float_left_60 { float:left; width:60%!important; }
.float_left_45 { float:left; width:49.5%!important; }
.float_left_30 { float:left; width:25%!important; }
.float_left_70 { float:left; width:75%!important; }
.float_left_55 { float:left; width:50.5%!important; }
.slika_ispis {
	min-height:260px;
}
.outside {
    position:relative;
	min-height:470px;
}
.box_shadow_objekti { margin:10px; box-shadow: 0px 0px 10px 10px #F5F5F5; }
.logo_footer { }
.footer_veliki { font-weight:bold; font-size:18px; line-height:21px; color:#B79A5C; }
.footer_footer_1 { color:#FFFFFF; font-size:16px; line-height:19px; }
.footer_footer_1 a { color:#FFFFFF; font-size:16px; line-height:19px; }
.footer_footer_1 a { color:#FFFFFF; }
.footer_footer_1 a:hover { text-decoration:underline; }
.input_ide { padding-left:1.5%!important; padding-right:1.5%!important; width:97%!important; }
}
/* FLOAT LEFT KRAJ */

.shop_ispis { padding-left:10px; padding-right:10px; padding-bottom:10px; }
.shop_ispis_1 { padding:10px; border:1px #DBD2D2 solid; background-color:#F2EEEE; }

.shop_ispis_slika_border { border:1px #DBD2D2 solid; }

.shop_ispis_naziv_link { font-size:19px; line-height:22px; color:#9D060D; font-weight:bold; }

 

@media only screen and (min-width: 300px) and (max-width: 520px) {
.shop_ispis_slika { float:left; width:100%; }
.shop_ispis_detalji { float:left; width:100%; margin-top:10px; }
.shop_ispis_ikone { float:left; width:100%; margin-top:10px; }
.shop_ispis_slika_bezslike { float:left; width:100%; }
.shop_ispis_detalji_bezslike { float:left; width:100%; }
.shop_ispis_ikone_bezslike { float:left; width:100%; }
.trazilica_prikazuj { float:right; width:320px; margin-right:10px; margin-top:20px; color:#000; }
}

@media only screen and (min-width: 521px)  {
.shop_ispis_slika { float:left; width:23%; margin-right:2%; }
.shop_ispis_detalji { float:left; width:50%; }
.shop_ispis_ikone { float:left; width:25%; }
.shop_ispis_slika_bezslike { float:left; width:0%; }
.shop_ispis_detalji_bezslike { float:left; width:73%; margin-right:2%; }
.shop_ispis_ikone_bezslike { float:left; width:25%; }
.trazilica_prikazuj { float:right; width:320px; margin-top:20px; color:#000; }
}

.galerija_malih_slika { padding:15px; background-color:#DBD2D2; }

.male_slike_ispis { width:25%; text-align:center; height:110px; background-color:#FFF; float:left; line-height: 110px;  text-align: center; position: relative; display:inline-block; }
.male_slike_ispis img { border:none;  width: auto; height: auto; position: absolute;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.shop_slike_ispis { width:100%; text-align:center; height:110px; background-color:#FFF; line-height: 110px; text-align: center; position: relative; display:inline-block; border:1px #DBD2D2 solid; }
.shop_slike_ispis img { border:none;  width: auto; height: auto; position: absolute;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.height_5 {  height:5px; }
.height_10 { height:10px; }
.float_left { float:left; }
.float_right { float:right; }
.width_50_posto { width:50%; }
.width_60_posto { width:60%; }
.margin_top_minus_pet { margin-top:-5px; }
.margin_right_10 { margin-right:10px; } 


@media only screen and (min-width: 300px) and (max-width: 820px) {
.width_40_posto { width:100%; margin-top:20px; }
.velicina_loga_pocetna { width:120px; }
.footer_mobitel_slika { width:30px; }
}

@media only screen and (min-width: 821px)  {
.width_40_posto { width:40%; }
.velicina_loga_pocetna { width:220px; }
}

.link_prvi_new_mobile { display:inline-block; padding:7px; color:#55575C; text-decoration:none; font-size:15px; line-height:18px; font-weight:500; text-transform: uppercase; }
.link_prvi_new_mobile:hover { display:inline-block; padding:7px; color:#B79A78; text-decoration:none; font-size:15px; line-height:18px; font-weight:500; text-transform: uppercase; }
.link_prvi_new_mobile_selected { display:inline-block; padding:7px; color:#B79A78; text-decoration:none;  font-size:15px; line-height:18px; font-weight:500; text-transform: uppercase; }

.link_prvi_new { color:#55575C; text-decoration:none; padding:15px; font-size:17px; line-height:20px; font-weight:500; text-transform: uppercase; }
.link_prvi_new:hover { color:#B79A78; text-decoration:none; padding:15px; font-size:17px; line-height:20px; font-weight:500; text-transform: uppercase; }
.link_prvi_new_selected { color:#B79A78; text-decoration:none; padding:15px; font-size:17px; line-height:20px; font-weight:500; text-transform: uppercase; }

.link_drugi_new { color:#ffffff; text-decoration:none; padding-right:50px; font-size:23px; line-height:25px; font-weight:300; text-transform: uppercase; }
.link_drugi_new:hover { color:#55575C;  }
.link_drugi_new_selected { color:#55575C; text-decoration:none; padding-right:50px; font-size:23px; line-height:25px; font-weight:300; text-transform: uppercase; }

.delink_drugi_new { color:#ffffff; text-decoration:none; padding-right:45px; font-size:23px; line-height:25px; font-weight:300; text-transform: uppercase; }
.delink_drugi_new:hover { color:#55575C;  }
.delink_drugi_new_selected { color:#55575C; text-decoration:none; padding-right:45px; font-size:23px; line-height:25px; font-weight:300; text-transform: uppercase; }

.link_drugi_new_mobile {  display:inline-block; padding:7px; color:#ffffff; text-decoration:none;   font-size:16px; line-height:19px; font-weight:300; text-transform: uppercase; }
.link_drugi_new_mobile:hover {  display:inline-block; padding:7px; color:#55575C; text-decoration:none;  font-size:16px; line-height:19px; font-weight:300; text-transform: uppercase; }
.link_drugi_new_mobile_selected {  display:inline-block; padding:7px; color:#55575C; text-decoration:none; font-size:16px; line-height:19px; font-weight:300; text-transform: uppercase; }

.link_prvi { color:#BF8237; text-decoration:none; border-bottom:2px #BF8237 solid; padding:15px; font-size:17px; line-height:20px; }
.link_prvi:hover { color:#ffffff; text-decoration:none; border-bottom:2px #55595C solid; padding:15px; font-size:17px; line-height:20px; }

.link_prvi_selected { color:#ffffff; text-decoration:none; border-bottom:2px #55595C solid; padding:15px; font-size:17px; line-height:20px; }


.link_drugi { color:#BF8237; text-decoration:none; text-transform: uppercase; padding:15px; font-size:27px; line-height:30px; }
.link_drugi:hover { color:#ffffff; text-decoration:none; text-transform: uppercase; padding:15px; font-size:27px; line-height:30px; }

.link_drugi_selected { color:#ffffff; text-decoration:none; text-transform: uppercase; padding:15px; font-size:27px; line-height:30px; }

.promjeni_background { background-color:#FFE5D4; }
.promjeni_background:hover { background-color:#ffffff; }

.promjeni_background_new { background-color:#ffffff; }
.promjeni_background_new:hover { background-color:#FFE5D4; }

.promjeni_background_lokacije { background-color:none; border:2px #31361D solid; cursor:pointer; }
.promjeni_background_lokacije:hover { background-color:none; border:2px #C9823B solid; }
.promjeni_background_lokacije:hover a { color:#C9823B; }
.promjeni_background_lokacije a { color:#31361D; }
.promjeni_background_lokacije a:hover { color:#C9823B; }

.footer_link_bojna { color:#55575C; font-size:16px; line-height:19px; }
.footer_link_bojna:hover { text-decoration:underline; }
 


.meni_jezik{margin-top:10px;margin-left:10px;margin-bottom:-10px;padding:0;float:right;background-color:#55595C}
.meni_jezik ul{list-style:none;padding:0;margin:0}
.meni_jezik ul li{display:block;position:relative;float:left;padding:0;margin:0}
.meni_jezik ul li img { margin-bottom:-1px; }
.meni_jezik li ul{display:none}
.meni_jezik ul li a{display:block;text-decoration:none;padding:7px;color:#fff!important;font-size:16px; font-weight:300;}
.meni_jezik ul li a:hover{display:block}
.meni_jezik li:hover ul{display:block;min-width:120px;right:0;position:absolute;z-index:999989!important; border:none;}
.meni_jezik li:hover li{float:none;margin:0;text-align:left}
.meni_jezik li:hover a{background:#eee;color:#000!important}
.meni_jezik li:hover li a:hover{background:#F3F3F3}


.meni_jezik_veliki{margin-top:10px;margin-left:10px;margin-bottom:-10px;padding:0;float:right;background-color:#55595C}
.meni_jezik_veliki ul{list-style:none;padding:0;margin:0}
.meni_jezik_veliki ul li{display:block;position:relative;float:left;padding:0;margin:0}
.meni_jezik_veliki ul li img { margin-bottom:-1px; }
.meni_jezik_veliki li ul{display:none}
.meni_jezik_veliki ul li a{display:block;text-decoration:none;padding:7px;color:#ffffff!important;font-size:16px; font-weight:300;}
.meni_jezik_veliki ul li a:hover{display:block}
.meni_jezik_veliki li:hover ul{display:block;min-width:120px;left:0;position:absolute;z-index:999989!important; border:none;}
.meni_jezik_veliki li:hover li{float:none;margin:0;text-align:left}
.meni_jezik_veliki li:hover a{background:#eee;color:#000!important}
.meni_jezik_veliki li:hover li a:hover{background:#F3F3F3}


.meni_jezik_veliki_new{margin-top:10px;margin-left:10px;margin-bottom:-10px;padding:0;float:right;}
.meni_jezik_veliki_new ul{list-style:none;padding:0;margin:0}
.meni_jezik_veliki_new ul li{display:block;position:relative;float:left;padding:0;margin:0}
.meni_jezik_veliki_new ul li img { margin-bottom:-1px; }
.meni_jezik_veliki_new li ul{display:none}
.meni_jezik_veliki_new ul li a{display:block;text-decoration:none;padding:7px;color:#B79A78!important;font-size:17px; font-weight:300;}
.meni_jezik_veliki_new ul li a:hover{display:block}
.meni_jezik_veliki_new li:hover ul{display:block;min-width:60px;right:0;position:absolute;z-index:999989!important; border:none;}
.meni_jezik_veliki_new li:hover li{float:none;margin:0;text-align:left}
.meni_jezik_veliki_new li:hover a{background:#eee;color:#000!important}
.meni_jezik_veliki_new li:hover li a:hover{background:#F3F3F3}

.meni_jezik_veliki_new_new{margin-top:10px;margin-left:10px;margin-bottom:-10px;padding:0;float:right;}
.meni_jezik_veliki_new_new ul{list-style:none;padding:0;margin:0}
.meni_jezik_veliki_new_new ul li{display:block;position:relative;float:left;padding:0;margin:0}
.meni_jezik_veliki_new_new ul li img { margin-bottom:-1px; }
.meni_jezik_veliki_new_new li ul{display:none}
.meni_jezik_veliki_new_new ul li a{display:block;text-decoration:none;padding:7px;color:#B79A78!important;font-size:17px; font-weight:300;}
.meni_jezik_veliki_new_new ul li a:hover{display:block}
.meni_jezik_veliki_new_new li:hover ul{display:block;min-width:110px;right:0;position:absolute;z-index:999989!important; border:none;}
.meni_jezik_veliki_new_new li:hover li{float:none;margin:0;text-align:left}
.meni_jezik_veliki_new_new li:hover a{background:#eee;color:#000!important}
.meni_jezik_veliki_new_new li:hover li a:hover{background:#F3F3F3}


@media only screen and (min-width: 300px) and (max-width: 1150px) {
#capsule{
			height: 600px;
			background: #2E2F2A;
			border-radius: 0px;
		}
.height_25_desktop {}	
.border_radius_padding { padding:25px; border-radius: 50px;  }	
.tablica_razbij tr { display: block;  width:100%; }
.tablica_razbij tr td { display: block;  width:100%; }
.padding_35 { padding:15px; }
.padding_35_2 { padding:20px; }

.font_size_24 { font-size:20px!important; line-height:23px!important; font-weight:400; }
.font_size_19 { font-size:16px; line-height:19px; }
.samo_font_size_19 { font-size:16px; }
}

@media only screen and (min-width: 1151px)  {
#capsule{
			height: 800px;
			background: #2E2F2A;
			border-radius: 100px;
		}
.height_25_desktop { height:25px; }	
.border_radius_padding { padding:50px; border-radius: 100px;  }	
.padding_35 { padding:35px; }
.padding_35_2 { padding:35px; }

.font_size_24 { font-size:24px!important; line-height:27px!important; font-weight:400; }
.font_size_19 { font-size:19px; line-height:22px; }
.samo_font_size_19 { font-size:19px; }
}


/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height:22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #666468;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}