/*@font-face {
    font-family: 'Sansation Bold';
    src: url('Sansation_Bold.ttf') format('truetype');
}*/
body {
padding : 0 0 12px;
color : #444;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
font-family: Arial, sans-serif;
font-size : 12px;
text-align : center;
 background : #f1f1f1; 
height : 100%;
}
html, body, table {
height : 100%;
}
table {
margin : 0 auto 0;
width : 100%;
}
a {
text-decoration : underline;
color : #E86262;
}
a:hover {
color : #305785;
background-color : inherit;
}
img {
border : none;
}
ul {
list-style : inside;
}
li {
list-style : inside;
}
div, p {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
textarea {
padding-top : 2px;
font-family : verdana, arial, sans-serif;
font-weight : normal;
font-size : 12px;
}
select {
color : #000;
font-family : verdana, arial, sans-serif;
font-size : 11px;
}
#container {
margin : 0 auto;
position : relative;
text-align : left;
overflow : hidden;
width : 97%;
background : #ffffff;

}
#container1 {

margin:0 auto;
text-align : left;
overflow : hidden;
padding:10px;
}
.container1 {

margin:0 auto;
text-align : left;
overflow : hidden;
padding:10px;
}
.left_column
{
width:20%;
float:left;
margin-top:3px; 
}

#meni_levo
{
width:98%;
}

 

#container2 {
width : 714px;
margin-top : -1px;
overflow : hidden;
position : relative;
margin : 0 auto;
}
h1, h2, h3, h4, form {
margin : 0;
}
 
#page_header1 {
width : 100%;
max-height : 260px;
overflow:hidden;
position : relative;
float:left;
background:#E5EBF9;
}
.header_top
{
margin-top:9px;
width:100%;
min-height:65px;
position:relative;
height:auto;
}
.logo
{
float:left;
}

#header_galery {
 
float:left;
width : 60%;
height : auto;

}

.submit {
 
color : white;
float : right;
background : #E86262;

cursor : pointer;
}
.submit:hover {
background : #53576f;
}
.input {
font-size : 10px;
height : 15px;
border : 1px solid #E86262;
float : right;
}
.inputs {
font-size : 12px;
padding:2px;
border : 1px solid #3C415F;
background:#F4F9FD;
}
.registrac input, .registrac textarea {
font-size : 12px;
padding:3px;
border : 1px solid #F2A7A7;
}
.plusa
{
width:90%;
}
.search_box
{
float:right;background:#E5EBF9;
width:40%;
 position: relative;
height: auto !important;
    min-height: 100%;
}
.search_box .padd
{
margin:0 auto;float:right;
}
#forma1 {
width : 90%;
margin : 0 auto;
background:red;
margin-top:15px;
}
.boxi
{
width:100%;
float:left;
margin-top:15px;
}
.boxis
{
width:100%;
float:left;
text-align:right;
padding-top:10px;

}
.boxi span
{
font-size:14px;
}
.inputa {
font-size : 14px;
width:100%;
padding:7px;
border : 1px solid #E86262;
background:#fff;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}
.search_box select
{
width:100%;
padding:7px;
font-size:14px;
}
.search_box .search_button
{
width:150px;
height:37px;
background:url(../img/searc-dugme.png) no-repeat left top;
border:0px;
cursor:pointer;
float:right;
color:white;
font-size:16px;
}
.left {
width : 59%;
min-height : 294px;
/*background : #dfe8ff;*/
float : left;

}

.right_detalj {width:80%;background:none;border:0px;float:left;}
.leftt {
width : 377px;
min-height : 294px;
float : left;
}
.left1 {
z-index : 100;
overflow : hidden;
padding-top : 0;
}
.middle {
float : left;
width : 250px;
background : #fff;
 
margin-left : 4px;
position : relative;
min-height:400px;
}
.full_page {
width : 100%;
/*background : #dfe8ff;*/
float : left;

}
.kraji
{
width:100%;
padding:20px 0px;
margin:0px;
float:left;
}
.kraji li
{
float:left;
list-style:none;
margin-right:1.5%;
width:23%;
}
.kraji li img
{
width:100%;
height:auto;
max-height:130px;
}
.kraji li a
{
color:#E86262;
}
.middle1 {
width : 190px;
margin : 0 auto;
float : left;
}
.middle_banja {
float : left;
width : 100%;
position : relative;
}
.middle_banja1 {
width : 100%;
}
.middle_banja a{
color:#555;
text-decoration:none;
}
.middle_banja a:hover{
color:#E86262;
}
.booking {
float : left;
width : 435px;
background : #fff;
border : 1px solid #95adef;
margin-left : 6px;
position : relative;
margin-top : 5px;
height : 245px;
margin-bottom : 5px;
}
.bookingd {
float : left;
width : 435px;
background : #fff;
border : 1px solid #95adef;
margin-left : 6px;
position : relative;
margin-top : 5px;

margin-bottom : 5px;
}
.booking1 {
width : 240px;
margin : 0 auto;
}
.bookings {
float : left;
width : 395px;
background : #fff;
border : 1px solid #95adef;
margin-left : 6px;
position : relative;
margin-top : 5px;
font-size:14px;

margin-bottom : 5px;
}
.bookings1 {
width : 380px;
margin : 0 auto;
}
.bookingss {
float : left;
width : 340px;
background : #fff;
border : 1px solid #95adef;
margin-left : 6px;
position : relative;
margin-top : 5px;
font-size:14px;

margin-bottom : 5px;
}
.bookingss1 {
width : 310px;
margin : 0 auto;
}
.right {
min-height : 294px;
float : left;
width : 21%;

}
.right1 {
/*width : 170px;*/
margin : 0 auto;
float : left;

}
.size_200x200 {width:100% !important;}
.gplus
{
position:absolute;z-index:10;right:280px;top:0px;
}
.gfb
{
position:absolute;z-index:10;right:385px;top:0px;
}
select {
border : 1px solid #F2A7A7;
padding:3px 0px;

}

.apart
{
width:100%;
float:left;
}
#linkc {
padding : 0;
margin:0px;
float:left;
margin-top:-2px;
}
#linkc li {
list-style : none;
float : left;
margin-right:1px;
}
#linkc li a {
float : left;
display : block;
text-decoration : none;
font-size : 14px;
background:#E5EBF9;

border-top:0px;
color : #111;
font-family:arial;
}
#linkc li .curenta
{
background:#3C415E;
color:white;
}
#linkc li a span {
display : block;
text-align : center;
padding : 5px 11px 5px 11px;
}
#linkc li a:hover {
color : #fff;
background:#3C415E;
text-decoration : none;
}
#linkk {
top : 0px;
right:0px;
position : absolute;
width : 293px;
height : 30px;

}
#link {
padding : 0;
margin:0px;
float:left;
height : 25px;
}
#link li {
list-style : none;
float : left;
}
#link li a {
float : left;
display : block;
height : 20px;
text-decoration : none;
font-size : 14px;
color:#E86262;
border-right : 1px solid white;

font-family:arial;
}

#link li a span {
display : block;
text-align : center;
padding : 2px 10px 2px 10px;
}
#link li a:hover {
color : #fac85f;
text-decoration : none;
}
.blog span
{
color:#3C415E;
}

#linka {
background : #E86262;
width : 100%;
float:left;
}
#links {
padding : 0;
width : 100%;
margin:0px;
float:left;
}
#links li {
list-style : none;
float : left;
border-right:1px solid white;
}
#links li a {
float : left;
display : block;
text-decoration : none;
font-size : 13px;
text-transform:uppercase;
color : #fffff1;
}
#links li a span {
display : block;
text-align : center;
padding : 6px 24px 6px 24px;
}
#links li a:hover {
color : #fff;
background:#3C415E;
text-decoration : none;
}
#linkad {
background : #444;
height : 28px;
width : 100%;
margin-bottom:3px;
}
#linksd {
padding : 0;
margin : 0 auto;
width : 822px;
height : 28px;
}
#linksd li {
list-style : none;
float : left;
}
#linksd li a {
float : left;
display : block;
height : 28px;
text-decoration : none;
font-size : 12px;
color : #fffff1;
font-weight:bold;
}
#linksd li a span {
display : block;
text-align : center;
padding : 6px 24px 0 24px;
}
#linksd li a:hover {
color : #fac85f;
text-decoration : none;
}


.linkaJ {
background : #444;
height : 28px;
width : 100%;
margin-bottom:3px;
}
.linksJ {
padding : 0;
margin : 0 auto;
width : 822px;
height : 28px;
}
.linksJ li {
list-style : none;
float : left;
}
.linksJ li a {
float : left;
display : block;
height : 28px;
text-decoration : none;
font-size : 12px;
color : #fffff1;
font-weight:bold;
}
.linksJ li a span {
display : block;
text-align : center;
padding : 6px 10px 0 10px;
}
.linksJ li a:hover {
color : #fac85f;
text-decoration : none;
}
.language {
position:absolute;right:0px;width:130px;top:47px;color:red;font-weight:bold;
}
#langi {
padding : 0;
margin : 0;
width : 373px;
height : 16px;
float:left;
}
#langi li {
list-style : none;
float : left;
}
#langi li a {
float : left;

height : 14px;
text-decoration : none;
font-size : 11px;
font-weight : bold;
border : 1px solid black;
color:black;
margin-right:3px;
}
#langi li a span {
display : block;
text-align : center;
padding : 2px 5px 2px 5px;
}
#langi li a:hover {
color : #fac85f;
text-decoration : none;
}
.opis {
float : left;
width : 95%;
margin-bottom : 10px;
}
.naslov {
display : block;
float : left;
width : 100%;
font-weight : bold;
font-size : 19px;
margin-bottom : 20px;
}
.opis1 {
float : left;
text-align : left;
}
.right a {
color : #666;
text-decoration : none;
}
.right a:hover {
color : #999;
}
.left a {
color : #132845;
text-decoration : none;
}
.left a:hover {
color : #E86262;
}
.leftt a {
color : #132845;
text-decoration : none;
}
.leftt a:hover {
color : #E86262;
}
.novic a {
color : #c66343;
}
.novic a:hover {
color : #999;
}
#log_forma {
background : #dfe8ff;
width : 100%;
border : 1px solid #95adef;
min-height : 135px;
}

#log_forma a {
color : #132845;
font-weight : normal;
}
#log_forma a:hover {

font-weight : normal;
text-decoration : underline;
}
.inp1 {
width : 117px;
font-weight : normal;
height : 14px;
}
.inp2 {
width : 57px;
font-weight : normal;
font-size : 11px;
}
#partners {
background : #fff;
width : 100%;
margin-top : 3px;
text-align:center;
}
#partners img{

width:95%;
}
.footer_down
{
width:100%;text-align:center;height:14px;background:#E86262;color:white;float:left;padding-top:14px;font-size:10px;
}
.footer_down a
{
color:white;
}
#footer
{
width:100%;background:#E5EBF9;overflow:hidden;padding:10px 0px;text-align:center;float:left;margin-top:20px;
border-top:2px dotted #E86262;
}
.footer_links {
float : left;
width : 19%;
height : 200px;

}
.footer_links h2 {
color : #E86262;
font-size:13px;text-decoration:underline;float:left;
}
.footer_links h2 span
{
padding-left:20px
}
.footer_links ul {
float : left;
margin:0px;
padding-left:25px;
padding-top:7px;
}
.footer_links ul li {
float : left;
text-align : left;
list-style : none;
padding-left : 0;
margin-left : 0;
width : 100%;
}
.footer_links ul li a {
float : left;
text-decoration:none;
display : block;
color:#444;
width : 100%;
}
.footer_links ul li a:hover {
color : #E86262;
}

.footer_links1 {
float : left;

height : 200px;
}
.footer_links1 h2 {
color : #E86262;
}
.footer_links1 ul {
float : left;
margin:0px;
width:100%;
padding-left:25px;
padding-top:7px;
}
.footer_links1 ul li {
float : left;
text-align : left;
list-style : none;
padding-left : 0;
margin-left : 0;
width : 100%;
}
.footer_links1 ul li a {
float : left;
display : block;
width : 100%;
}
.footer_links1 ul li a:hover {
color : #E86262;
}
.tabela
{
background:#A0A1A5;
margin:auto;
}
.ok
{

text-align:left;
background:#F4F5F9;
padding-left:5px;
color:#63686C;
font-weight:bold;
}
.ok1
{

text-align:center;
background:#F4F5F9;
color:#63686C;
}
.ok11
{

text-align:center;
background:#F4F5F9;
font-weight:bold;
color:#CF3E0C;
font-size:12px;
}
.tabela tr {height:27px;}
.no
{

text-align:left;
background:#D3D7E0;
padding-left:5px;
color:#63686C;
font-weight:bold;
}
.no1
{

text-align:center;
background:#D3D7E0;
color:#63686C;
}
.middle table  a
{
display:block;padding-left:6px;font-size:12px;color:#3C415C;font-weight:bold;
text-decoration:none;
line-height:25px;
}
.middle table  a:hover
{
color:red;
}
#resulta
{
position:fixed;
z-index:11002;
display:none;

width:100%;
}
#result1
{
width:710px;
margin:0 auto;
z-index:11002;
background:#fffff2;
overflow:hidden;

}
 

    #izi1, #izi2, #izi3 , #izi4, #izi5, #izi6, #izia1, #izia2, #izia3 , #izia4, #izia5, #izia6, #iziak1, #iziak2, #iziak3 , #iziak4, #iziak5, #iziak6
    {
    display:block;width:27px;background:white;
    padding:3px;
    float:left;font-weight:bold;
    font-size:12px;
    }
    textare
    {
    float:left;
    }
#linkac {
overflow:auto;
width : 100%;
padding:4px;
}
.linksc {
padding : 0;
float:left;
margin:0px;
}
.linksc li {
list-style : none;
float : left;
width:100%;
}
.linksc li a {
float : left;
display : block;

text-decoration : none;
font-size : 13px;
color : white;
font-family:verdana;
font-weight:bold;
}
.linksc li a span {
display : block;
text-align : center;
padding : 0px 14px 0 14px;
}
.linksc li a:hover {
color : #fac85f;
text-decoration : none;
}
    
#avail
{margin:0 auto;width:900px;}    
#availableg {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;font-size:20px;text-align:center;z-index:1000;
  border-top:3px double #E86262;
  border-bottom:3px double #f1f1f1;
  background:#3C415C;
}
#availableg1 {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width:100%;font-size:20px;text-align:center;z-index:1000;
  border-bottom:3px double #E86262;
  border-top:3px double #f1f1f1;
  background:#3C415C;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}/* end tooltip */
.uglovi
{
background:#dfe8ff;
}
.uglovi a 
{
color:#fff;
display:block;height:25px;float:left;
}
.ugao_levo
{
display:block;width:17px;height:25px;background:url(../img/ugao_levo.jpg) no-repeat;float:left;
}
.ugao_desno
{
display:block;width:17px;height:25px;background:url(../img/ugao_desno.jpg) no-repeat;float:left;
}
.sredina
{
display:block;height:25px;float:left;background:#3D425F;font-size:12px;
}
.sredina span
{
padding-top:5px;display:block;
}

.uglovi #poslji
{
color:#A91E1B;
font-weight:bold;
background:url(../img/poslji_prijatelju.jpg) no-repeat 4px;
}
.uglovi #natisni
{
color:#A91E1B;
font-weight:bold;
background:url(../img/natisni.jpg) no-repeat 4px;
}
.uglovi #poslji span
{
padding-left:40px;
padding-top:6px;
display:block;
}
.uglovi #natisni span
{
padding-left:40px;
padding-top:6px;
display:block;
}
.uglovi #natisni:hover, .uglovi #poslji:hover
{
color:black;
}
#kontakt a, #poslji_prija a
{
color:#A91E1B;
}
#kontakt a:hover, #poslji_prija a:hover
{
color:black;
}
.nove_sobe
{
position:absolute;
right:10px;bottom:20px;
}
.nove_sobe a
{
color:#fff;
font-weight:bold;
text-decoration:none;
display:block;
background:#303030;

}
.nove_sobe a:hover
{
color:#fff;
background:#E86262;
}
.link_header
{
color:#fff;position:absolute;bottom:4px;right:10px;
text-decoration:none;
display:block;
background:#3C415E;
border: 1px solid #fff;
}
.link_header:hover
{
background:#E86262;
border: 1px solid #3C415E;
color:white;
}
.link_header span
{
display:block;
padding:3px;
}
.opisa ul
{
padding:0px;
margin:0px;
padding-left:10px;
margin-left:0px;
padding-right:5px;

}
.opisa p
{
padding-top:4px;
padding-bottom:4px;
}
.top_nam
{
width:377px;float:left;
background:#E86262;color:white;
font-size:15px;
font-weight:bold;
}
.top_nam .padd
{
padding:5px;
}
.top_nam a
{
color:white;
}
/*new design detaljnog prikaza */
.nnaslov
{
background:#E86262;
width:100%;overflow:hidden;
margin:3px 0px;
float:left;
position:relative;
}
.nnaslov .padd
{
padding:3px 0px 3px 10px;
color:#fff;font-size:16px;
font-weight:bold;
}
.nnaslov .recommended
{
padding:3px 0px 3px 10px;
color:#fff;font-size:14px;
font-weight:bold;
display:block;
}
.nnaslov h1
{
padding:5px 0px 3px 10px;
color:#fff;font-size:16px;
font-weight:bold;
}
.nnaslov h1 a
{

color:#fff;
font-weight:bold;}
.half1
{
float:left;width:55%;
}
.half2
{
float:right;
width:45%;
}
.half2 .padd_share
{
float:right;
padding:5px 10px 0px 10px;
}

.half1share
{
float:left;width:70%;
}
.half2share
{
float:right;
width:30%;
}
.half2share .padd_share
{
float:right;
padding:5px 10px 0px 10px;
}

.nzvezdice
{

}
.sleft {
width : 100%;
float : left;
}
.sleft1 {
z-index : 100;
overflow : hidden;
padding-top : 0;
}
.sleft h2 a
{
color:#3C415E;
}
.box_full
{
width:100%:
border:bottom:1px solid #3C415E;
background:white;
}
.box_full .padd
{
padding:5px 0px;
}
.titles
{
background:#DFE8FF;
font-weight:bold;
padding:5px ;
text-transform:uppercase;
}
.sadrzaj
{
padding:5px;
border: 1px solid #F4D4E0;
overflow:hidden;
background:#fefefe;

font-size:15px;
}
.box_half1
{

float:left;
width:49%;
min-height:280px;
}
.box_half2
{
float:right;
width:49%;
}
.nkontakt
{
width:100%:
}
.nkontakt .nprvitd
{
width:100px;

}
.nselectdate
{
width:100%;background:#FFFABF;display:none;color:red;border:1px solid red;margin-top:5px;float:left;text-align:center;padding:3px 0px;
}
.ndate
{
float:left;height:17px;margin-top:3px;width:90px;
}
.ndate1
{
float:left;height:17px;margin-top:3px;width:90px;
}
.ncalendar_book
{
width:150px;height:58px;cursor:pointer;border:0px;background:url(../img/calendar_submit.jpg) no-repeat;
}
.booking_form
{
float:left;
width:480px;
}
.hotdiv
{
float:right;
width:300px;
}
.hotcomb
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #F4D4E0;
display:block;
background:#D15F50;
position:relative;
right:-5px; 
color:white;
text-decoration:none;
text-align:center;
font-size:18px;
}
.hotcomb:hover
{
color:white;
background:#477DD0;
}
.hotcomb span
{
display:block;
padding:15px;
}
.navailable
{
width:100%;float:left;
}
.navatable
{
width:100%;
}
.navatable .drugi
{
color:white;
display:block;background:#3C415E;
}
.navatable .drugi span
{ 
display:block;padding:3px;
}
.navatable .prvi
{
color:#E53E2B;
}
.avanaslov
{
height:20px;background:#3C415E;color:white;font-weight:bold;
}
.clear
{
clear:both;
}
.rotacija
{
width:100%;background:#DFE8FF;height:232px;position:relative;
padding-bottom:3px;
overflow:hidden;
}
.box_add
{

margin:0 auto;
margin-top:8px;
min-height:280px;
}

.ncontakt
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #F4D4E0;
display:block;
background:#01B601;
color:white;
text-decoration:none;
text-align:center;
font-size:18px;
margin-top:20px;
}
.ncontakt:hover
{
color:white;
background:#477DD0;
}
.ncontakt span
{
display:block;
padding:15px;
}
 .recomend
 {
 width:100%;background:#E86262;margin:0 auto;

 }
 .recomend .padd
 {
 display:block;font-size:16px;padding:5px;color:white;
 }

.cena_kraji_sponzorji
{
position:absolute;right:5px;bottom:33px;font-size:13px;color:#C8343E;text-align:right;width:93px;
} 
.kontakt_kraji_sponzorji
{
position:absolute;left:90px;top:75px;font-weight:bold;
}
.kontakt_kraji_sponzorji a
{
display:block;background:url(../img/pismo.jpg) no-repeat left;padding-left:34px;text-transform:uppercase;
}
.ads_header
{
border: 1px solid #D7D6D4;width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    min-height:90px;
    float:left;
}
.ads_header .padd
{
width:100%;margin:0 auto;
}
.urbangreymenu{
width: 100%; /*width of menu*/
}

.urbangreymenu .headerbar{
margin-bottom: 0; /*bottom spacing between header and rest of content*/

 

}
 
 
.urbangreymenu .headerbar a{
text-decoration: none;
color:#fff;
display: block;
padding: 4px 0 4px 5px;
 background:#E86262 url(../img/meni_bak1.png) no-repeat 175px center;
 border-bottom:1px solid #fff;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
margin-bottom:10px;
}

.urbangreymenu ul li{
border-bottom:1px solid #f1f1f1;
list-style:none;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;

background:#fff url(../img/meni_bak.png) no-repeat 179px center;
display: block;
padding: 4px 0;
padding-top:6px;
line-height: 17px;
padding-left: 10px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/

background: #ECF5FE;
}
.newsticker-jcarousellite
{
margin-top:4px;
}

.topnav {
  overflow: hidden;
  background-color: #E86262;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 13px;
  text-transform:uppercase;
}

.active {
  background-color: #666;
  color: white;

}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 13px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.boxic {
width:49%;
float:left;
height:210px;margin-top:5px;overflow:hidden;
}
@media screen and (max-width: 780px) {
#header_galery, .search_box {
width:100%;
}
.left_column, .left, .right, .right1 {width:100%;}

  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 780px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 1140px) {

.kraji li
{

width:31%;
}
.kraji li img
{

max-height:130px;
}
}
@media (max-width: 1060px) {
   #links li a span {padding:6px 15px}
 
}
@media (max-width: 960px) {
.footer_links {
width : 30%;
}
#links li a {font-size:12px;}
   #links li a span {padding:12px 10px}
   .kraji li
{

width:47%;
}
.kraji li img
{

max-height:150px;
}
}
@media (max-width: 780px) {
.kraji li
{

width:31%;
}
.kraji li img
{

max-height:130px;
}
}
@media (max-width: 768px) {
    .logo img {width:90px; height: auto;}
    #meni_levo {width:100%;}
  
    .search_box {height:280px !important;}
    #page_header1 {height:auto !important;max-height:600px}
   .half1, .half2 {width:100%;}
.active {

  padding-top:16px !important;
    padding-bottom:16px !important;
}
.left {width:100% !important;}
.right_detalj, .sleft {width:100%;}
.kraji li
{

width:47%;
}
.kraji li img
{

max-height:100px;
}
}
@media (max-width: 560px) {
#container {

width : 100%;


}
.container1 {
padding:10px 5px;
}
.footer_links {
width : 40%;
}
.boxic {
width:100%;
margin-left:0px !important;

}
#linkk {

right:-30px;
width : 250px;
}

#link li a {
font-size : 13px;
color:#E86262;

}

#link li a span {

padding : 2px 5px 2px 5px;
}
#myslides img {width:100%;}
.half1share, .half2share {width:100%;}
.box_half1, .box_half2 {width:100%;height:auto;}
.right_detalj {width:100%;}
#linkc li a span {padding : 10px 11px 10px 11px;}
#linkc {margin-bottom:10px;}
.nprvitd {width:100% !important;float:left;}


}