/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/


/* All except large Screens */
@media (max-width: 1024px) {  
  
body#page {width: 825px;}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Menus */
	.menu-dropdown .stack .column ul.level2 {
		margin-top: 3px;
		margin-left: 0;
	}
  
  span#opci_link {display: none;}
.upper-box-1, .upper-box-2 {width: 240px;}
.upper-box-white {width: 520px;}
.upper-wrapper {padding-left: 26px;}
.upper-box-usp {width: 220px;}

.slika1, .slika3, .slika4, .slika5, .slika8 {
width: 255px !important; 
height: 250px !important;
}                    
.slika2, .slika7 {width: 520px !important; height: 250px !important;} 
.slika6 {width: 790px !important; height: initial !important;} 
#footer {margin: 0;padding: 0;}
.footer-links, .footer-contact { margin: 10px 65px 10px 0;}
.footer-uhpa {margin: 7px 140px 0 0;}
.footer-tekst {max-width: 380px;}
img.logo {margin: 20px 0 10px 10px !important;}
#content {padding: 0 0 0 8px;}
.nn_tabs {width: 420px;}
.nn_tabs .nav-tabs>li>a {padding: 8px 5px;}
#system .title { margin: 55px 0 15px 11px;}
.lijevi-column {width: 420px; margin-top: -30px;}
#system > article > header > h1 {    
    top: 425px;
    width: 390px;
    color: #FF5E00;
    margin: 3px 0 0 7px !important;
    font-size: 17px;
    height: 55px;
    padding: 10px 7px 0 12px;
    }
div#subtitle { 
   top: 465px;
   font-size: 13px;
   margin-left: 18px;  
   }
  .desni-column {margin-top: -113px;}
  #usp-1, #usp-2 {max-width: 170px; float: right; clear: right; margin-right: 8px;}
  .svi_tabovi { margin-bottom:0px;}
  #header-contact {padding: 2px 43px 3px 31px;}
  .top-header-kontakt {width: 270px;}
  #content > div.cck_page.cck-clrfix > div > h1 {margin: 60px 0 0 19px; line-height: 10px;}
  #sidebar-a, #sidebar-b {display:none;}
  .menu-dropdown .stack .column:first-child ul.level2 { margin-top: 0; }
  
  #article-528 h1.title, #article-528 div#subtitle, 
  #article-506 h1.title, #article-506 div#subtitle,
  #article-507 h1.title, #article-507 div#subtitle,
  #article-529 h1.title, #article-529 div#subtitle,
  #article-440 h1.title, #article-440 div#subtitle  {font-size: 13px;}    /* smanjenje naslova za specifi ni article - Isto treba smanjiti u base.css red 1113 */
  
   #article-526 h1.title, #article-526 div#subtitle, #article-530 h1.title, #article-530 div#subtitle  {font-size: 12px;}
   
   #article-534 h1.title {font-size:17px; line-height: 17px; }  
   #article-534 div#subtitle {top: 467px; font-size: 13px; }
  
   #article-521 div#subtitle, #article-514 div#subtitle {font-size: 13px; margin-top: 8px;}
   #article-521 h1.title, #article-514 h1.title, #article-527 h1.title {font-size: 17px; line-height: 17px;} 
   
   #article-527 div#subtitle  {margin-top: 8px;}
  
  #article-510 h1.title, #article-498 h1.title, #article-438 h1.title, #article-465 h1.title, #article-468 h1.title, #article-522 h1.title, #article-541 h1.title, #article-512 h1.title, #article-535 h1.title, #article-536 h1.title {font-size: 15px;}     
  #article-443 h1.title, #article-442 h1.title, #article-502 h1.title, #article-503 h1.title, #article-524 h1.title, #article-556 h1.title {font-size: 14px;}    
  #article-470 h1.title, #article-515 h1.title {font-size: 14px;}    
  #article-474 div#subtitle, #article-509 div#subtitle {font-size: 13px;}  
  #article-475 h1.title, #article-525 h1.title, #article-508 h1.title, #article-533 h1.title, #article-532 h1.title  {font-size: 17px;} 
  #article-467 h1.title, #article-505 h1.title, #article-484 h1.title, #article-485 h1.title, #article-516 h1.title, #article-474 h1.title, #article-539 h1.title, #article-538 h1.title, #article-464 h1.title, #article-499 h1.title {font-size: 16px;} 
  
  #article-469 h1.title, #article-478 h1.title, #article-492 h1.title {font-size: 15px;}     /* ARAN MANI SMANJENJE title h1 ZA TABLET */
  #article-494 h1.title, 
  #article-481 h1.title, 
  #article-486 h1.title, 
  #article-482 h1.title, 
  #article-491 h1.title, 
  #article-487 h1.title, #article-488 h1.title, #article-495 h1.title, #article-531 h1.title, #article-545 h1.title, #article-546 h1.title  {font-size: 19px; line-height: 22px; padding: 10px 7px 12px 12px;}     /* NOVA GODINA ARAN MANI SMANJENJE ZA TABLET */
  #article-494 div#subtitle, 
  #article-545 div#subtitle,
  #article-546 div#subtitle,
  #article-481 div#subtitle, 
  #article-486 div#subtitle,
  #article-482 div#subtitle,
  #article-491 div#subtitle, 
  #article-487 div#subtitle, #article-488 div#subtitle, #article-495 div#subtitle, #article-531 div#subtitle { top:483px; } 
  #article-482 h1.title, #article-486 h1.title, #article-545 h1.title, #article-546 h1.title {font-size: 20px;}      /* NG PTK, BARCA DODATNO U TIMANJE*/

  }

  @media (width: 600px) {
  #system > article > header > h1 {
  text-align: center;
  }
  .button-upit {
  margin-left: 31% !important;
  }

}

  /* Only Tablets (Portrait) */
  @media (min-width: 768px) and (max-width: 959px) {
  }

  /* Only Tablets (Portrait) and Phones (Landscape) */
  @media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }
  body#page {width: 825px;}
  }    

 /* Only Phones */
 @media (max-width: 767px) {
  body#page {width: 100%;}
	/* Layout */
	#toolbar,
  #bottom-a,	
	#menubar, 
	#breadcrumbs,
	#totop-scroller { display: none; }
  
   #headerbar>a#logo, #headerbar .top-header-menu { display: none; }
   
   #headerbar {  
    position: absolute;
    top: 0px;
    right: 0px;
    }
  
   /*     */       
   #usp-1, #usp-2 {max-width: 200px; float: none; clear: right; margin: 0 auto;}
   .usp-all { float: none; width: initial; margin: 0 auto;  text-align: center; }
   
  .footer-item {width: 29%; margin: 10px 0px 15px 29px; font-size: 16px; }    
  .footer-item a {font-size: 16px; } 
  #footer {width: 100%, margin: 0px; position:initial;}
   body { min-width: 100%; font-size: 14px; min-width: 320px;}  
  .blog-image { width: 200px; }  
  .box-cijena { width: 115px; padding: 0 10px 0 0;}
  .price-bkg-box { width: 125px; } 
  .BlogView-item { max-width: 100%; margin: 0 0 10px 0;}  
  
  #europa-blog-cijena {
    padding: 0 10px 0 0;
  }
  search-box-cijena-1, search-box-cijena-2 {
    right: 13px;
  }
  .box-cijena {
    padding: 0 0 0 0;
    text-align: right;
    position: absolute;
    right: 3px;
    top: -22px;
   }
   
   .thank-you-rezervacija, .thank-you-upit {
   padding: 15px 0px 0px 0px;
   }            
   .o-nama-top-separator {
    width:70%;
    height:0px;
    }          
  
  .blog-intro { width: 100%; margin: 0 0 0 5px;  font-size: 100%;}
  .cck_page_list .blog-intro { width: 100%;}
  .cck_page_list .blog-datumi, .blog-datumi { 
   margin: 5px 0 5px 0px;
   font-size: 100%;
   float: left;
   position: inherit;
   clear:left;
   top: 0;
   left: 0;
   }  
   .saznaj-vise > a {
    top: 50px;
    position:relative;
    }        
    .top-header-kontakt {
    display:none;
    }   
    .top-header-kontakt#mobile {
    display: inline;
    width: 140px;
    padding: 0px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 17px;
    } 
    #header-contact-mobile {
    padding: 2px 10px 3px 10px;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    background: -moz-linear-gradient(top, #ffa200 0%, #ffa200 0%, #ff7000 70%);
    background: -webkit-linear-gradient(top, #ffa200 0%,#ffa200 0%,#ff7000 70%);
    background: linear-gradient(to bottom, #ffa200 0%,#ffa200 0%,#ff7000 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ff7000',GradientType=0 );
    }    
    
    .wrapper {
    padding: 5px;
    } 
    #content > div.cck_page.cck-clrfix { margin: 0px;}     
    .cck-line-body .saznaj-vise a {margin: 0px; } 
    #system .items, .cck-pad-8 > div { margin: 0px;}
    
    /* blog listing title i article title*/
    #system .title {
    margin: 20px 0 10px 2px;
    line-height: 21px;
    }
    
    /* search listing title*/ 
    #content > div.cck_page.cck-clrfix > div > h1{
    margin: 25px 0 0px 0px;
    line-height: 21px;
    }
    .rezultati-pretrage-title {
    PADDING: 0;
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
    color: #1D1D1D !important;
   }
    /* blog listing title*/
   .page-header > h2 > a {
    color: #1D1D1D;
    text-shadow: none;
    font-size: 15px;
    font-weight: bold;
    margin-left: 2px;
    }
    
    /* article title*/
    #system > article > header > h1 {
    box-shadow: none !IMPORTANT;
    position: relative !IMPORTANT;
    background-color: white !IMPORTANT;
    line-height: 24px !IMPORTANT;
    width: initial;
    height: initial;
    padding: 15px 15px 0px 3px;
    margin: 0px !important;
    top: 0px;
    color: #FF5D00;
    font-size: 21px;
    text-align: center;
    }
    div#subtitle {
    position: initial;
    margin: -4px 0 8px 3px;
    text-align: center;
    font-size: 15px;
    }  
       
    
    #system .item > header  { 
    position:initial;
    width:100%;
    margin: 3px 0 5px 0;
    padding: 0 0 0 0;
    height: initial;
    box-shadow: none;
    }
    
    form#seblod_form { padding: 10px 0 0 0; }
    
    #content { padding: 0 0px 5px 5px; }
    .termini-cijene { margin-top: 50px;}
    
    
    .upper-wrapper {
    margin: 0 -5px 15px -10px;
    padding: 10px 17px 5px 17px;
    overflow: hidden;
    }
    .upper-box-1 {
    height: 150px;
    float: left;
    padding: 10px 0 0 25px;
    width: 90%;
    }
    .c_main_wrapper {
    background-size: 100% !important;
    background-position: top left !important;
    height: inherit;
    }     
    .c_link_wrapper {
    position: relative;
    top: 7px;
    left: 7px;
    }   
    .c_link {
    width: 155px;
    height: 25px;
    margin-bottom: 3px;
    position: relative;
    }  
    .c_destinacija {
    width: 70px;
    height: 22px;
    background-color: #FF6A00;
    border-radius: 4px;
    float: left;
    font-size: 17px;
    font-weight: bold;
    padding: 0 3px 0 6px;
    line-height: 20px;
    font-family: arial;
    }  
    
    span.od#kn {
    font-size: 9px;
    }   
     span#kn { font-size:11px;     }
    
    span#arrow_text {
    display: none;
    }
    span#arrow_cijena {
    float: left;
    margin: 3px 0 0 7px;
    font-size: 16px;
    font-weight: bold;
    color: #FF6A00;
    font-family: arial;
    }
    .c_arrow {
    width: 75px;
    height: 22px;
    float: right;
    background-size: 90%;
    }
    ul.slides {
    min-height: 118px;
    height: inherit !important;
    }    
    .upper-box-2, #innertop {
    display:none;
    } 
    .upper-box-white {
    width: 100%;
    } 
    .slika1,.slika2,.slika3,.slika4,.slika5,.slika6,.slika7,.slika8  {
    width: 100% !important;
    height: initial !important;
    }
    
    #hp-slika-mobile { display:block !important; }
    #hp-slika-desktop { display:none !important; }
    
    .slika1,.slika2,.slika3,.slika4,.slika5,.slika6,.slika7,.slika8  {
    width: 46% !important;
    height: initial !important;
    }
    
    .slika5, .slika7, .slika8 {
    margin: 0 12px 12px 0;
    }    
      
    #footer {
    margin: 0px;
    } 
    
    #footer > div > div > a > img   { display:none;}
    .footer-company { width:100%; margin: 5px 0 20px 0; text-align:center; pointer-events: none; }
    .footer-company a { text-decoration:none;  color:inherit; }
    .footer-contact, .footer-links { width:100%; float: initial; text-align:center; }
    .footer-tekst, .footer-uhpa   { display:none; }
    .footer-links { margin-top:20px; } 

    article.SdPosition.mainbody {
    display: table; width: 100%;
    }
    .intro-box-image {         
    display: table-header-group;
    float:none;
    }
    .master .nn_tabs.outline_content>.tab-content>.tab-pane {
    padding: 5px;
    }

    .button-upit {
    margin-left: 0;
    }
    .gumbi {
    width: 230px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    }
    .nn_tabs .nav-tabs>li.active>a, .nn_tabs .nav-tabs>li.active>a:hover  {background-color: #F5F5F5;  } 
    

    .desni-column {display: table-row-group; float:none; width:100%; background-color: #FFF;} 
    .lijevi-column {display: table-footer-group; float:none; width:100%;} 
     
  .izdvojeno-1  { margin: -11px 0 8px 0; }
  .izdvojeno-2  { display: none; margin: 0 0 15px 5px; }
  #stil { font-size: 16px; font-family: arial; }
  h1 { font-size: 20px;}
  #hp-izdvojeno-3, #remove-footer-item, #sidebar-a { display: none; }   
  .hp-box { min-width:645px;}           
  .putovanje-intro-box {  height: 220px; width: 630px; }      
  .intro-box-galerija { display: none; }
  .intro-box-h-line { margin: -5px 0 -11px 22px; display:none; }  
  article h1.title { font-size: 16px; font-family: arial; line-height: 22px; }  
  
  .intro-box-image { width:100%;height: 100%;}    
  .intro-text-box {width:100%; height: 210px; background-color: white; font-size: 12pt; line-height: 15pt; color: #5C5C5C; } 
  .button-upit { right: 159px; bottom: 6px; } 
  .button-rezervacija { right: 40px; bottom: 6px; }    
  #map-segment {display: none !important;}  
  #blog-intro-krstarenje, #search-intro-krstarenje {width:100%;}  
  #blog-datumi-mediteran, #search-datumi-mediteran {width: 106px; margin: 0 0 0 0px;}
  #blog-intro-mediteran, #search-intro-mediteran {width:100%; }
              
  #ce-cf-container-21, #ce-cf-container-22, #ce-cf-container-23, 
  #ce-cf-container-24, #ce-cf-container-31, #ce-cf-container-32, 
  #ce-cf-container-33, #ce-cf-container-34, #ce-cf-container-39, 
  #ce-cf-container-41, #ce-cf-container-43, #ce-cf-container-44, 
  #ce-cf-container-46, #ce-cf-container-48, #ce-cf-container-50, 
  #ce-cf-container-52, #ce-cf-container-61, #ce-cf-container-62, 
  #ce-cf-container-63 
  { float:none; }                           
  
  #ce-cf-container-29 { display:none; }     
  
  #ce-cf-container-30, #ce-cf-container-37, #ce-cf-container-26, 
  #ce-cf-container-27, #ce-cf-container-38, #ce-cf-container-56, 
  #ce-cf-container-57, #ce-cf-container-58, #ostali_putnici, #dodatne_napomene_rezervacija {
    width: 85% !important;
}
  
  .nn_tabs, .nn_tabs .nav-tabs>li{ font-size: 14px; width: 33.33%; }
  .nn_tabs, .nn_tabs .stil_B, .nn_tabs #stil_B { font-size: 14px; }
  .ce-radiobox-container label { font-size: 14px; margin-left: 5px; line-height: 19pt;}
  
    
  .info-segments {width:100%; display:table; float:none;}
  .info-segment-1, .info-segment-1 div, .info-segment-2  { width:100%; font-size: 13px; line-height: 16px; color: #101010; float: none !important;}     
  
  .svi_tabovi { width:100%; margin:25px 0 0 0}
  .master, .master .nn_tabs, .nn_tabs, table#tablicaTermini {width:100%;}
  .master .nn_tabs.outline_content>.tab-content { font-size: 13px; }
  
  .nn_tabs>ul.nav-tabs>li>a { background-color: #fff; }
  .nn_tabs.outline_content>.tab-content, .nn_tabs .nav-tabs>li.active>a { background-color: #F5F5F5;} 
  
  iframe {width: 100%; }
  
  #tablicaTermini, #tablicaTermini head, .button-default {font-size: 12pt;}
  
  .carousel {background-size: 70% !important;}
   
  .custom-logo {
    margin: 8px 0 20px 10px;
    position: relative;
    width: 114px;
    height: 78px;
}        
              
   

	/* System All */
	.searchbox { height: 30px; }
	.searchbox input { height: 17px; }

}

@media (max-width: 320px) { 
.blog-image {
    width: 175px;
    margin: 15px 0 5px 0px;
} 
#cross-price {
display: none;
} 


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Tools */
	.button-more + [class*=button-],
	.button-default + [class*=button-],
	.button-primary + [class*=button-] { margin: 10px 10px 0 0; }

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

	#system .item > .links a { margin-right: 5px; }

}

/* Only Touch Devices */
@media (max-device-width: 1024px)  {

	/* Layout */
	#toolbar,
	#header,
	#footer,
	#content,
	.module,
	.wk-slideset-drive li > article { box-shadow: none; }        

	/* Tools */
	form.style select { color: #222; }
}



	/* *******************************    LISTING PRILAGODBA

.BlogView-item-divider, .BlogView-item {
    max-width: 100%;
}

@media (max-width: 767px)
.BlogView-item {
    max-width: 100%;
}

@media (max-width: 767px)
.cck_page_list .blog-intro {
    max-width: 50%;
}

@media (max-width: 767px)
.cck_page_list .blog-datumi, .blog-datumi {
    width: 30%;
}

.blog-item-inner, .krstarenje-blog-item-inner, .mediteran-blog-item-inner {
    max-width: 70%;
    height: 20%;
}

@media (max-width: 767px)
.BlogView-item {
    width: 70%;
}

@media (max-width: 767px)
.price-bkg-box {
    width: 30%;
}

@media (max-width: 767px)
.BlogView-item {
    width: 100%;
}

  .footer-item {width: 29%; margin: 10px 0px 15px 29px; font-size: 16px; }    
  .footer-item a {font-size: 12pT; } 
  #footer {width: 100%;}
   body { min-width: 50%; font-size: 14pt; }  
  .blog-image { width:40%; }  
  .box-cijena { width: 30%; padding: 0 10px 0 0;}
  .price-bkg-box { width: 30%; } 
  .BlogView-item { width: 80%; }  
  
  ************************* */