/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
      License: none (public domain)
      */
      
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed, 
      figure, figcaption, footer, header, hgroup, 
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure, 
      footer, header, hgroup, menu, nav, section {
      display: block;
      }
      body {
      line-height: 1;
      }
      ol, ul {
      list-style: none;
      }
      blockquote, q {
      quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
      content: '';
      content: none;
      }
      table {
      border-collapse: collapse;
      border-spacing: 0;
      }
	  h1, h2, h3, h4, h5{
		font-weight:normal;
	  }
/*Reset kraj*/

.clearfix{
    background: transparent none repeat scroll 0%;
	border: medium none;
	clear: both;
	font-size: 0px;
	height: 0.1px;
	margin-top:-1px;
	padding: 0pt;
	visibility: hidden;
	overflow: hidden;
    }
	
strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

.success{
    background: url("../images/success.png") no-repeat scroll 10px center #a2ffa7;
    border: 1px solid green;
    color: green;
    font-weight: bold;
    margin: 0px 0 10px;
    padding: 10px;
    text-align: center;
}

.error{
    background: url("../images/error.gif") no-repeat scroll 10px center #FFD0D0;
    border: 1px solid #FF2222;
    color: red;
    font-weight: bold;
    margin: 0px 0 10px;
    padding: 10px;
    text-align: center;
}

.no_entry{
    color: #000000;
    font-weight: bold;
    margin: 0px 0 10px;
    padding: 10px;
    text-align: center;
}

.hidden{
	display:none;
}

/*------*/

.width_cont{
	margin:0 auto;
	width:960px;
}

body{
	background-color:#ffffff;
	font-size:13px;
	line-height:1.8;
	font-family:arial;
}

a:link,
a:visited{
	color:#003472;
	text-decoration:none;
}

a:hover,
a:active{
	color:#C81010;
	text-decoration: none;
}

/*------*/

.full_banner_link {
  display: block;
  margin: 0;
  clear:both;
}

.main_cont .full_banner_link {
	margin-bottom: 8px;
	width:718px;
	overflow: hidden;
}

.full_banner_link img{
	display:block;
	max-width: 718px;
}

.vid_title a:hover {
	color:#DC1A22;
	text-decoration: none;
}

.wrap_iframe {
    width: 800px;
    height: 710px;
    padding: 0;
    overflow: hidden;
}

.header {
  clear: both;
  padding: 20px 0 0;
  overflow: hidden;
}

.header_left {
  float: left;
  margin: 0px 17px 0 0;
  padding: 0;
  width: 224px;
}

a.logo_link:link, a.logo_link:visited {
  display: block;
  height: 133px;
  margin: 0px;
  width: 224px;
}

.logo_link img{
	display:block;
}

.moto { 
  color: #000;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.6px;
  margin: 0 0 0 7px;
  text-transform: uppercase;
}

.drugi-red {
  letter-spacing: 1.1px;
}

.header_right {
  float: left;
  padding: 0;
  width: 718px;
}

.lang{
	float:left;
	width:100px;
}


.lang a:link, 
.lang a:visited {
	background-position: 0 -15px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-size: 11px;
	height: 16px;
	margin: 0 6px 0 0;
	padding: 0 0 0 20px;
}

.lang a:hover,
.lang a:active{
	background-position: 0 -15px;
}

a.hr{
	background-image:url('../images/hr.png');
}

a.en{
	background-image:url('../images/en.png');
}
.top-heading{
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #E0E0E0;
padding: 15px;
}
.breadcrumbs {
	background-color: #003472;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: auto;
	line-height: 19px;
	margin: 0 0 20px;
	padding: 5px 80px 5px 14px;
	position: relative;
	text-transform: uppercase;
}

a.crumb {
	background:url('../images/micro_bullet_white.png') no-repeat right center;
	padding:0 20px 0 0;
	margin:0 15px 0 0;
	color:#ffffff;
}

a.crumb:hover {
	color:#C81010;
}

a.crumb_last{
	background:none;
	padding:0 20px 0 0;
	margin:0 15px 0 0;
	color:#ffffff;
	font-weight:bold;
}

.crumb_last{
	font-weight:normal;
}

.menu_list {
  float: left;
  margin: 0 0 0 5px;
}

.menu_list li {
	background: url("../images/micro_bullet.png") no-repeat scroll right center transparent;
	float: left;
	font-size: 12px;
	padding: 0 10px 0 7px;
	text-transform: uppercase;
}

.menu_list li.last{
	background:none;
}

.menu_list li a {
	color:#003472;
}

.menu_list li a:hover {
	color:#C81010;
}

.sub{
	padding:2px 0 0;
	margin:0 0 10px;
}

.sub a:link,
.sub a:visited{
	text-transform:none;
	border-bottom:none;
	padding:5px 5px 5px 20px;
	line-height:1.1;
	background:url('../images/icon-right.png') no-repeat 8px center;
}

.prijavljeno {
  float: left;
  margin:20px 0;
  border-top:1px  solid #D01C1D;
  width: 100%;
  text-align: left;
  padding: 10px 0;
  box-sizing: border-box;

}

.prijava {
  background: url("../images/key_ico.png") no-repeat scroll left center transparent;
  font-size: 11px;
  margin: 0 11px 5px 0;
  padding: 2px 0px 2px 20px;
  display: block;
  color: #D01C1D !important;
}

.registracija{
	background: url("../images/lock_ico.png") no-repeat scroll left center transparent;
	font-size: 11px;
	margin: 0;
	 padding: 2px 0px 2px 20px;
	 color: #D01C1D !important;
}

.user{
	padding: 2px 0px 2px 0;
	font-size: 11px;
	margin:0 15px 0 0;
	font-weight:bold;
	
}

.odjava{
	padding: 2px 15px 2px 0;
	background: url("../images/lock_ico.png") no-repeat scroll right center transparent;
	font-size: 11px;
	font-weight:bold;
	
}

.lower_right{
	width:715px;
	float:left;
}

/*--------*/

.left {
  float: left;
  margin: 0 22px 0 7px;
  width: 212px;
}


.right{
	float: left;
	width:718px;
}

.side_menu_list{
	border:1px solid #E0E0E0;
	margin:0 0 15px;
	background: #F7F7F7;
	width:89.1%;
	padding: 5px 5% 0px 5%;
}

.anketa-red {
	border-top:1px solid #E0E0E0;
	padding-bottom: 5px;
	padding-top:5px;
	font-weight: normal;
	float:left;
	width:100%;
}

.velika_anketa .prijava_box .anketa-red label {
  width: 675px;
  margin-top:5px;
  font-weight: normal;
}

.anketa-red label {
	line-height: 14px;
}

.side_menu_list li a {
	border-bottom: 1px solid #E0E0E0;
	display: block;
	font-size: 12px;
	padding: 4px 5px;
	font-weight: bold;
	text-transform: uppercase;
}

.side_menu_list li a:hover {
	color:#C81010;
	text-decoration:none;
}

.aktivnosti-naslov span {
	font-weight: bold;
	font-size:12px;
}

.side_menu_list li a.mslc{
	font-weight:bold;
}

.sub li a {
	font-weight: normal;
}

/*-------*/


.hrv_registar {
	background: url("../images/eu4.jpg") no-repeat scroll left center transparent;
	display: block;
	font-size: 11px;
	height: 100px;
	line-height: 19px;
	margin: 0 0 15px;
	padding: 20px 29px 0 61px;
}

.icon-bar {
  line-height: 1.2;
  float: right;
  display:inline-block;
  color:white;
  margin: 5px 2px;
}

.fa {
  padding: 20px;
  font-size: 11px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 25px 9px;
  color: #FFFFFF;
}

.fa:hover {
    opacity: 0.7;
}
.topmenu h1 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
  display:inline-block;
  text-align: left;
  float: left;
  margin: 20px 2px;
}

.drustvene_mreze{
	background:url('../images/drustvene_back.png') no-repeat top left;
	display:block;
	height:70px;
	margin:0 0 15px;
}

.drustvene_mreze a:link, 
.drustvene_mreze a:visited {
  background-position: 0 0px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 30px;
  margin: 20px 0 0 18px;
  overflow: hidden;
  text-indent: -200px;
  width: 30px;
}

.drustvene_mreze a:hover,
.drustvene_mreze a:active{
	background-position:0 -30px;
	text-decoration:none;
}

.face{
	background-image:url('../images/face_ico.png');
}

.twitter{
	background-image:url('../images/twitter_ico.png');
}

.gplus{
	background-image:url('../images/gplus_ico.png');
}

.youtube{
	background-image:url('../images/youtube_ico.png');
}

.instagram{
	background-image:url('../images/instagram_ico.png');
}

.linkedin{
	background-image:url('../images/linkedin_ico.png');
}

.tiktok{
	background-image:url('../images/tik_tok30.png');
}

.tiktok60{
	background-image:url('../images/tik-tok60.png');
}

/*------*/
.bx-wrapper{
	margin-bottom: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.pretraga {
  background: url("../images/search_back.jpg") no-repeat scroll left top transparent;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 19px 20px;
}

.pretraga form{
	overflow:hidden;
	margin:0 0 2px;
}

.pretraga label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: -4px 0 10px;
  text-transform: uppercase;
}

.pretraga_input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 5px;
	width: 140px;
}

.submit_input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	height: 25px;
	width: 26px;
	cursor:pointer;
}

.web_trgovina {
  background: #F7F7F7;
  border: 1px solid #E0E0E0;
  color: #D01C1D;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
}

.vas-oglas img {
	width:213px;
	padding-bottom:15px;
}



.web_trgovina_list{
	border-top:1px dotted #E0E0E0;
	margin:10px 0 0;
	padding:10px 0 0;
}

.web_trgovina_list li{
	text-align:left;
}

.web_trgovina_list a {
	font-size:11px;
	color:#000000;
	margin:5px 0 0;
	background:url('../images/micro_bullet_white.png') no-repeat 4px center;
	display:block;

}

.web_trgovina_list a:hover {
	color:#D01C1D;
}

a.newsletter:link, 
a.newsletter:visited {
	background: url("../images/huped_casopis.png") no-repeat scroll center top #F7F7F7;
	display: block;
	font-size: 11px;
	line-height: 1.5;
/*	margin: 0 0 15px;   
*/	padding: 83px 10px 10px 20px;
	text-transform: none;
}

a.newsletter:hover,
a.newsletter:active{
	text-decoration:none;
	color:#CF1B1A;
}

.fejs_na_naslovnoj {
	float:left;
	position: relative;
	width:100%;
}

.anketa_na_naslovnoj {
    height: 30px;
    margin: 0 0 15px;
    position: relative;
}

.b_cycler .fejs_na_naslovnoj  {
  background-color: #003472;
  height: 30px;
  margin: 0 0 15px;
  position: relative;
}

.banner {
  background: none repeat scroll 0 0 #F7F7F7;
  display: block;
  margin: 0 0 15px;
  padding: 10px 0;
  text-align: center;
}

.banneri a {
	width:212px;
	float:left;
	margin: 0 15px 15px 0;
}

.banneri a.last {
	margin: 0 0 15px 0;
}

.banneri a.last.banner {
	margin-top:10px;
}


.banneri .banner {
  background: none repeat scroll 0 0 #F7F7F7;
  display: block;
  height: 120px;
  margin-right: 40px;
  margin-top: 10px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

.banneri .banner .valign-b {
  display: table-cell;
  height: 120px;
   width: 212px;
  vertical-align: middle;
}

.anketa {
	padding:20px;
	border:1px solid #e0e0e0;
	color:#252525;
	background-color:#F7F7F7;
	font-size: 11px;
	margin:0 0 8px;
}

.anketa h2{
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px;
	color: #D01C1D;
	text-align: center;
	border-bottom: 1px dotted #E0E0E0;
	font-size:15px;
	padding-bottom:10px;
}

.anketa p{
	margin:0 0 15px;
}

a.glasaj:link,
a.glasaj:visited{
	padding:5px 10px;
	color:#ffffff;
	background-color:#252525;
	color:#ffffff;
}

/*-----*/

.contact_info {
	padding:20px;
	border:1px solid #e0e0e0;
	color:#888888;
	background-color:#fbfbfb;
	font-size: 13px;
	margin:0 0 20px;
}

/*---slider--*/

.slider {
	float: left;
	height: 230px;
	margin: 0 6px 0 0;
	overflow: hidden;
	position: relative;
	width: 505px;
}

.slider_pag {
  background: url("../images/slider_menu_back.png") repeat-y scroll right top transparent;
  height: 218px;
  padding: 12px 0 0 110px;
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  z-index: 100;
}

.slider_pag a:link, 
.slider_pag a:visited {
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
	display: block;
	height: 50px;
	line-height: 1.2;
	width: 160px;
}

.slider_pag a.activeSlide:link, 
.slider_pag a.activeSlide:visited{
	color:#8ce0ff;
}

.slide{
	height: 230px;
	width: 505px;
}

.valign{
	display:block;
	position:relative;
}

.link_wrap {
  height: 200px;
  overflow: hidden;
}

.side_banner{
	float:left;
}

.upper_central{
	margin:0 0 15px;
}

/*cycleri*/


.b_cycler .main_cont_top{
	position:relative;
	height:30px;
	background-color:#003472;
	margin:0 0 15px;
}



.b_cycler .pag a:link,
.b_cycler .pag a:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_dark_blue.png') no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-200px;
}


.b_cycler .pag a:hover,
.b_cycler .pag a:active{
	background:url('../images/pag_bullet_dark_blue.png') no-repeat 0px -14px;
}

.b_cycler .pag a.activeSlide:link,
.b_cycler .pag a.activeSlide:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_dark_blue.png') no-repeat 0px -14px;
	overflow:hidden;
	text-indent:-200px;
}

/*lb cycler*/

.lb_cycler .main_cont_top{
	position:relative;
	height:30px;
	background-color:#006699;
	margin:0 0 15px;
}



.lb_cycler .pag a:link,
.lb_cycler .pag a:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_blue.png') no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-200px;
}


.lb_cycler .pag a:hover,
.lb_cycler .pag a:active{
	background:url('../images/pag_bullet_blue.png') no-repeat 0px -14px;
}

.lb_cycler .pag a.activeSlide:link,
.lb_cycler .pag a.activeSlide:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_blue.png') no-repeat 0px -14px;
	overflow:hidden;
	text-indent:-200px;
}

.lb_cycler h2 a {
	color:#006699;
	line-height: 18px;
}

.lb_cycler h2 a:hover {
	color:#D01C1D;
}

/*red cycler*/

.r_cycler .main_cont_top{
	position:relative;
	height:30px;
	background-color:#c81010;
	margin:0 0 15px;
}

.r_cycler .pag a:link,
.r_cycler .pag a:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_red.png') no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-200px;
}


.r_cycler .pag a:hover,
.r_cycler .pag a:active{
	background:url('../images/pag_bullet_red.png') no-repeat 0px -14px;
}

.r_cycler .pag a.activeSlide:link,
.r_cycler .pag a.activeSlide:visited{
	display:block;
	float:left;
	height:13px;
	width:13px;
	margin:0 6px 0 0;
	background:url('../images/pag_bullet_red.png') no-repeat 0px -14px;
	overflow:hidden;
	text-indent:-200px;
}

.r_cycler h2 a:link,
.r_cycler h2 a:visited{
	color:#c81010;
}

.r_cycler h2 a {
	color:#c81010;
}

.r_cycler h2 a:hover {
	color:#9F0909;
}

.red_featured_item{
	float:left;
	width:226px;
	margin:0 20px 20px 0;
	overflow:hidden;
}

.red_featured_item_last{
	float:left;
	width:226px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.red_cijena {
	background: url("../images/price_ico.png") no-repeat scroll left center transparent;
	color: #C81010;
	float: right;
	font-family: georgia,serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 0 2px 2px 40px;
}

.large_image_cont_r{
	width:226px;
	height:169px;
	text-align:center;
	overflow:hidden;
	display:block;
	margin:0 0 10px;
}

.red_featured_item h2,
.red_featured_item_last h2{
	margin:0 0 10px;
}

/*-----*/

.main_cont_top h1 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	left: 10px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
}

.pag {
  position: absolute;
  right: 0;
  top: 8px;
}

.ss_left h2{
	margin-bottom: 5px;
}

.ss_left{
	width:198px;
	float:left;
	margin:0 20px 0 0;
/* 11.02.2014.*/
	height: 230px;
	overflow: hidden;
	line-height: 16px;
}

.ss_right{
	width:500px;
	float:left;
}

.ss_right p {
  font-size: 11px;
  line-height: 14px;
}


.small_feature_left {
  border-bottom: 1px dotted #BBBBBB;
  float: left;
  margin: 0 20px 10px 0;
  padding: 0 0 10px;
  width: 240px;
}


.small_feature_right{
	float:left;
	width:240px;
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	border-bottom:1px dotted #bbbbbb;
	clear:right;
}

.small_featured_title {
margin: 0 0 10px;
display: block;
line-height: 16px;
height: 19px;
overflow: hidden;
}

.large_image_cont{
	display:block;
	width:198px;
	height:148px;
	overflow:hidden;
	text-align:center;
	margin:0 0 10px;
}

.small_image_cont{
	display:block;
	width:74px;
	height:56px;
	overflow:hidden;
	text-align:center;
	margin:0 10px 10px 0;
	float:left;
}

.full_width_banner{
	display:block;
	margin:0 0 20px;
}

/*footer*/

.footer{
	padding:15px 0;
	background:url('../images/footer_back.png') repeat-x top left #f9f9f9;
	overflow:hidden;
}

.footer_list {
  border-bottom: 1px dotted #BBBBBB;
  float: left;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 0 0 15px;
  width: 498px;
}

.footer_list li{
	float:left;
}

.footer_list li a:link,
.footer_list li a:visited{
	border-right:1px dotted #003472;
	font-size:11px;
	margin:0 6px 0 0;
	padding:0 6px 0 0;
}

.footer_list li a.last{
	border-right:none;
	margin:0;
	padding:0;
}

.kartice{
	float:right;
	width:181px;
}

/*------------------------------------*/

.footer_left {
	color: #888888;
	float: left;
	font-size: 11px;
	margin: 17px 0 0;
	width: 50%;
}

.v{
	float:right;
	width:50%;
	
}

.none{
	display:block;
	overflow:hidden;
	text-indent:-200px;
	float:right;
	width:10px;
	height:10px;
	float:right;
}

.v_link {
	background: url("../images/huped_logo.png") no-repeat scroll left top transparent;
	display: block;
	float: right;
	height: 15px;
	margin: 20px 0 0;
	overflow: hidden;
	text-indent: -200px;
	width: 248px;
}

/*----*/

.text h1{
	border-bottom: 1px dotted #003472;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 10px;
	font-size:14px;
	line-height: 18px;
}

.text p, 
.text ul{
	margin:0 0 10px;
}

.text ul {
	margin-left:10px;
	list-style-type:circle;
	list-style-position:inside;
}

/*vijesti ispis*/

.unos_img_cont {
	display: block;
	float: left;
	height: 127px;
	margin: 0 15px 15px 0;
	overflow: hidden;
	text-align: center;
	width: 170px;
}

.unos_img_cont_detalji {
	display: block;
	float: left;
	margin: 0 15px 15px 0;
	text-align: center;
	height: auto;
	width: 170px;
}

.novost_detalji .unos_img_cont {
	display: block;
	float: left;
	margin: 0 15px 0px 0;
	text-align: center;
	height: auto;
	width: 170px;
}

.unos_img_cont.novost_detalji {
	height:auto;
}

.unos hr {
	border:none;
	border-bottom: 1px dotted #000000;
}

.unos{
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom: 1px dotted #003472;
}

.unos h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 8px;
}

a.vise:link, 
a.vise:visited {
	background: url("../images/vise_button.png") no-repeat scroll left center transparent;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-transform: uppercase;
}

/*paginacija*/

.pag_back {
    margin: 13px 0 10px;
    padding: 10px 0;
	
}
.pag_container {
    padding: 6px 0 0;
    text-align: center;
	font-size:8pt;
}

.pag_container li{
	display:inline;
}

.pag_container a:link,
.pag_container a:visited {
    background-color: #003472;
    color: #FFFFFF;
    padding: 4px 8px 4px;
	margin:0 3px;
}

.pag_container a:hover,
.pag_container a:active {
	background-color:#C81010;
    text-decoration: none;
}

.pag_container a.pslc:link,
.pag_container a.pslc:visited{
	background-color:#C81010;
    color:#ffffff;
    padding: 4px 8px 4px;
	margin:0 3px;
}

.ostalo{
	padding:10px 0 0;
	overflow:hidden;
}

.ostalo h2{
	margin:0 0 10px;
}

a.gal_img_cont:link,
a.gal_img_cont:visited{
	display:block;
	width:133px;
	height:100px;
	overflow:hidden;
	text-align:center;
	border:1px solid #D2D2D2;
	margin:0 10px 10px 0;
	display: table-cell;
	vertical-align: middle;
	*float:left;
}

a.gal_img_cont:hover,
a.gal_img_cont:active{
	border:1px solid #D01C1D;
}

/*-------*/

a.gal_img_cont_last:link,
a.gal_img_cont_last:visited{
	display:block;
	width:133px;
	height:100px;
	overflow:hidden;
	text-align:center;
	border:1px solid #D2D2D2;
	margin:0 0 10px 0;
	display: table-cell;
	vertical-align: middle;
}

a.gal_img_cont_last:hover,
a.gal_img_cont_last:active{
	border:1px solid #D01C1D;
}

/*----*/

a.download:link, 
a.download:visited {
	background: url("../images/download_ico.png") no-repeat scroll 8px center transparent;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 20px 10px 40px;
	text-align: center;
	width: 23%;
}

a.download:hover,
a.download:active{
	border:1px solid #D01C1D;
	text-decoration:none;
	background-color:#fafafa;
}

/*-------*/

.prijava_box{
   /*width:300px;*/
   margin:auto;
}

.prijava_box .pregrada{
   margin:0 0 10px;
   padding:0 0 10px;
   border-bottom:1px solid #e1e1e1;
   overflow:hidden;
}


.prijava_box .pregrada2{
   margin:10px 0;
}

.prijava_box label,
.prijava_box input{
   display:block;
   float:left;
}

.prijava_box label{
   width:130px;
   /*height:20px;*/
}

.prijava_box input {
  background-color: #FFFFFF;
  border: 1px solid #E1E1E1;
  font-family: arial;
  font-size: 13px;
  height: 26px;
  line-height: 25px;
  padding: 0 0 0 7px;
  width: 305px;
}
.prijava_box .check {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	margin: 0 45px 0 0;
	width: auto;
}

.prijava_box .check_label{
	width:150px;
	border:0;
	margin:0 6px 0 0;
}

.prijava_box .login_button {
	background-color: #CF1B1A;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	height: 27px;
	margin: 0 42px 0 0;
	padding: 0 0 2px;
	width: 60px;
}

.prijava_box .reg_button{
	background-color: #CF1B1A;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	height: 27px;
	margin: 0 42px 0 0;
	padding: 0 0 2px;
	width: 100px;
}


.prijava_box .pregrada select {
	border: 1px solid #E1E1E1;
	float: left;
	font-family: arial;
	font-size: 12px;
	width: 309px;
}

.prijava_box .button{
	float:right;
	cursor:pointer;
	width:auto;
	background-color:#9B5AA4;
	border:none;
	color:#ffffff;
	height:27px;
	padding:0 0 1px;
	width:100px;
}

.prijava_box textarea{
	border:1px solid #e1e1e1;
	width:308px;
	padding:5px 0 0 5px;
	display:block;
	float:left;
	overflow:auto;
	padding:4px 0 0 4px;
	font-family: arial;
    font-size: 13px;
}

.prijava_box select, 
.prijava_box option {
	font-family: arial;
	font-size: 13px;
	line-height: 20px;
}
.txt_error_img {
  float: left;
  margin: 6px 0 0 5px;
  display:none;
}

.msgs{
   margin:20px 0;
   text-align:center;
   font-size:8pt;
}

.emph{
   font-weight:bold;
   color:#007c12;
}

.centered {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 480px;
}

/*-------*/

h3{
	font-weight:bold;
	margin:0 0 10px;
}

.text .ter_menu {
  background-color: #EAEAEA;
  border-bottom: 1px solid #E0E0E0;
  height: 30px;
  line-height: 30px;
  margin: 0 0 20px;
}

.ter_menu li{
	float:left;
	list-style:none;
	list-style-position:outside;
	position:relative;
}


.ter_menu li a:link, .ter_menu li a:visited {
  display: block;
  font-size: 11px;
  padding: 0 10px;
  text-transform: uppercase;
}
.text .page_sub {
	background-color: #EAEAEA;
	line-height: 1.2;
	margin: 0;
	position: absolute;
	top: 30px;
	width: 210px;
	border-bottom:1px solid #DADADA;
	border-right:1px solid #DADADA;
	display:none;
}


.text .page_sub {
	background-color: #e1e1e1;
	line-height: 1.2;
	margin: 0;
	position: absolute;
	top: 30px;
	width: 420px;
	border-bottom:1px solid #DADADA;
	border-right:1px solid #DADADA;
	display:none;
}


.text .page_sub a:link, 
.text .page_sub a:visited {
  background-color: #E1E1E1;
  border-top: 1px solid #DADADA;
  padding: 10px 15px;
  width: 180px;
  
}
.text .page_sub a:hover, 
.text .page_sub a:active {
	background-color: #f2f2f2;
	text-decoration:none;
}

/*rollover stanja*/

.ter_menu li:hover ul ul,
.ter_menu li:hover ul ul ul, 
.ter_menu li:hover ul ul ul ul{
    display:none;
}
.ter_menu li:hover ul, 
.ter_menu li li:hover ul, 
.ter_menu li li li:hover ul,
.ter_menu li li li li:hover ul{
    display:block;
}
.ter_menu li:nth-of-type(2) .page_sub {
  width: 548px !important
}
.ter_menu li:nth-of-type(2) .page_sub li a {
  width: 152px !important;
}
/*--------*/
.page_pretraga_cont {
	background: url("../images/page_search.png") no-repeat scroll center center #F8F8F8;
	height: 50px;
	margin: 0 0 20px;
	padding: 25px 0 0;
}

.page_form{
	width:292px;
	margin:0 auto;
}

.page_pretraga {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #4E4E4E;
	float: left;
	font-family: arial;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 9px;
	width: 256px;
}

.page_submit_go{
	float:left;
	background-color:transparent;
	border: medium none;
	width:25px;
	height:25px;
	cursor:pointer;
	
}

.mini_label{
	margin:0 5px 0 0;
}

.mini_value {
  margin: 0 6px 0 0;
}

.ime_unos {
  border-bottom: 1px dotted #D2D2D2;
  margin: 0;
  overflow: hidden;
  padding: 12px 10px 5px;
}

.pair{
	float:left;
	width:30%;
}

.ime_unos:hover {
  background-color: #F8F8F8;
}


.ime_unos h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.search_results{
	text-align:center;
	display:block;
	padding:20px 0px;
}

.anketa_col {
  float: left;
  margin: 0 20px 0 0;
  width: 47%;
}

.anketa_col .prijava_box label {
  width: 280px;
}

.anketa_col .prijava_box .check_label{
	width:auto;
	margin:0 20px 0 0;
}

.anketa_col .pregrada{
	border-bottom:none;
}

.pregrada h3{
	margin:0 0 2px
}

.anketa_col h2{
	margin:0 0 20px;
	font-weight:bold;
}

.prijava_box .reg_button_2 {
  background-color: #CF1B1A;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  height: 27px;
  margin: 0 30px 0 0;
  padding: 0 0 2px;
  width: 100px;
}

a.hider_link:link, 
a.hider_link:visited {
  background-color: #F8F8F8;
  border-bottom: 1px solid #EBEBEB;
  display: block;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 8px 0;
  text-align: center;
  clear:both;
}


a.hider_link:hover, 
a.hider_link:active {
	background-color: #F5F5F5;
}

.velika_anketa h2{
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px;
	clear:both;
}

.velika_anketa .prijava_box label{
	font-weight:bold;
	width: 360px;
	margin:0 20px 0 0;
	float:left;
}

.velika_anketa input,
.velika_anketa textarea{
	margin:0px;
}

.velika_anketa .prijava_box .check {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	margin: 0 6px 0 0;
	width: auto;
	float:left;
}

/*----*/

.prijava_box .reg_button_3, .anketa input.btn, #rezultat .reg_button_3 {
  background-color: #CF1B1A;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: none;
  float:left;
  height: 27px;
  margin: 0 6px 0 0;
  padding: 0 0 2px;
  font-family: Arial;
  width: 80px;
}

 #rezultat .reg_button_3 {
	margin-bottom:20px;
 }

.anketa input.btn {
	margin: 10px 10px 0 0;
}

.anketa input.btn.last {
	margin:10px 0 0;
}

.button_align_2{
	margin:0 0 20px;
}

.reg_button_2{
	text-align:center;
}

/*--------*/

a.gal_img_cont_wrapped:link,
a.gal_img_cont_wrapped:visited{
	display:block;
	width:133px;
	height:100px;
	overflow:hidden;
	text-align:center;
	border:1px solid #003472;
	margin:0 0 10px 0;
	float:left;
}

a.gal_img_cont_wrapped:hover,
a.gal_img_cont_wrapped:active{
	border:1px solid #D01C1D;
}

.vid_wrap {
	background: none repeat scroll 0 0 #F7F7F7;
	float: left;
	width: 135px;
	text-align:center;
	margin:0 10px 10px 0;
}

.vid_wrap_last{
	background: none repeat scroll 0 0 #F7F7F7;
	float: left;
	width: 135px;
	text-align:center;
	margin:0 0 10px 0;
	
}

.vid_title {
	width: 135px;
	height: 45px;
	line-height:15px;
	overflow: hidden;
	text-align:center;
	padding-top:5px;
	margin:0 0 10px;
	font-size:12px;
}

.posto_napisani{
	font-weight:normal;
	border-bottom: 1px solid #dadada;
	margin:0 0 10px;
}

.postotak{
	background-color:#c1c1c1;
	height:25px;
	margin:0 0 10px;
	border:1px solid #c1c1c1;
}

.ispis_label{
	margin:0 5px 0 0;
}

.apply {
  margin: 15px 0;
  overflow: hidden;
}

.ispis_value{
	margin:0 6px 0 0;
}

a.gdje_smo:link,
a.gdje_smo:visited{
	font-weight:bold;
	color:#ffffff;
	padding:10px 20px 10px 35px;
	background:url('../images/loc_ico.png') no-repeat 8px center #D01C1D;
	float:left;
}

a.apply_link:link, 
a.apply_link:visited {
	background: url("../images/mail_ico.png") no-repeat scroll 11px center #003472;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 16px 0 0;
	padding: 10px 20px 10px 45px;
	float:left;
}

.prev_next {
  height: 30px;
  position: absolute;
  right: 0;
  top: 5px;
  width: auto;
}

.prev_next a{
	float:left;
	background-repeat:no-repeat;
	width:30px;
	margin:0 5px 0;
	background-position:center center;
	overflow:hidden;
	display:block;
	text-indent:-200px;
}

a.lijevo:link,
a.lijevo:visited{
	background-image:url('../images/arrow_prev.png');
}

a.desno:link,
a.desno:visited{
	background-image:url('../images/arrow_next.png');
}
/*------*/

.cijena_label{
	color:#C81010;
	padding:4px 0 4px 40px;
	background:url('../images/price_ico.png') no-repeat left center;
	margin:0 6px 0 0;
	float:left;
}

.cijena_value{
	float:left;
	padding:4px 0 4px 0;
	font-weight:bold;
	font-size:14px;
}

.metadata {
	float: left;
	font-size: 14px;
	margin: 0 0 7px;
	overflow: hidden;
	width: 530px;
}

a.dodaj_u_kos:link, 
a.dodaj_u_kos:visited {
	background: url("../images/dodaj_u_kos_ico.png") no-repeat scroll 7px center #003472;
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	font-weight: normal;
	margin: 16px 16px 0 0;
	padding: 4px 20px 4px 45px;
}

.dodano {
	background: url('../images/dodano_ico.png') no-repeat scroll 7px center #C81010;
	color: #FFFFFF;
	float: left;
	font-weight:normal;
	margin: 16px 16px 0 0;
	padding: 4px 20px 4px 45px;
	font-size:11px;
}

.dodano a {
	color:#fff;
}

.dodano a:hover {
	color:#FFCFCF;
}

/*košarica*/

#kosarica_table {
    border-right: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    margin: 5px 0 15px;
    width: 100%;
}

table tr {
    border: medium none;
    margin: 0;
    padding: 0;
}

#kosarica_table #kosarica_title td {
    color: #8D8D8D;
    font-weight: bold;
}

.col_1{
  width:50%;
}

.col_2 {
   width:10%;
   text-align: center;
}

.col_3, .kosarica_cijena {
   font-weight: bold;
   width: 10%;
   text-align:center;
}

.col_4, .kosarica_opcije {
    text-align: center;
    width: 10%;
}

#kosarica_table td {
   border-bottom: 1px solid #D9D9D9;
   border-left: 1px solid #D9D9D9;
   padding: 5px;
   vertical-align:middle;
}

#kosarica_table td.ukupni_iznos_broj {
	color: #003472;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}

#kosarica_table .kosarica_kolicina {
   font-size: 11px;
   padding-bottom: 2px;
   padding-top: 2px;
   width: 50px;
   margin:2px 0 0;
}

#kosarica_table .kosarica_kolicina input {
  display: block;
  margin: 0 0 0 20px;
  padding: 2px 0;
  text-align: center;
  width: 40px;
}

.form_title{
   display:block;
   margin:0 0 10px;
}

.nacin_placanja select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9F9F9F;
    color: #313A41;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    padding: 3px;
}

.pregrada select{
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #9F9F9F;
   color: #313A41;
   font-family: Tahoma,Geneva,sans-serif;
   font-size: 11px;
   padding: 3px;
   width:200px;
   margin:0 0 10px;
   float:left
}

.nacin_placanja input,
.nacin_placanja label{
   float:left;
}

.nacin_placanja input{
   width:40px;
   background:none;
   border:none;
}

.fancy { text-align: left; }

.fancy b { display: block; margin-right: 80px; }

.fancy span { float: right; }

.kosarica_delete{
    background: url("../images/error.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin:0;
}

.kosarica_kraj{
   width:227px;
   float:right;
}

.kosarica_kraj input {
  background: none repeat scroll 0 0 #003472;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 8pt;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 6px 0;
  width: 111px;
}

/*tipsy css*/

.tipsy { padding: 5px; font-size:12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

a.kosarica_link:link,
a.kosarica_link:visited{
	color:#ffffff;
}



a.web_trgovina_link {
  background: url("../images/kosarica_ico.png") no-repeat scroll 140px 17px #D01C1D;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  margin: 10px 0 0;
  padding: 10px 0 7px 10px;
  text-align: left;
  text-transform: none;
}


a.web_trgovina_link:hover,
a.web_trgovina_link:active{
  background: url("../images/kosarica_ico.png") no-repeat scroll 140px 17px #EF1D21;
}

#num_items1, #price1 {
	font-size:13px;
}

.kosarica-naslov {
	text-transform: uppercase;
	font-size: 13px;
}

.aktivnosti-naslov {
	text-transform: uppercase;
	color:#003472;
	padding-top:5px;
	padding-left:5px;
}
	
.catpcha{
	margin:0 0 20px;
	clear:both;
}

.fejs-na-naslovnoj .main_cont_top {
    background-color: #006699;
    height: 30px;
    margin: 0 0 15px;
    position: relative;
}

.sub li.login-clanovi a{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	padding: 5px 5px 5px 20px;
}

/*----*/

#recaptcha_area {
  margin: 0 0 0 128px;
}

.recaptchatable #recaptcha_response_field {
  font-size: 12px !important;
  width:292px !important;
  margin: 0 1px 10px;
}

.single_slide{
	overflow:hidden;
}

.left object{
	display:block;
	margin:0 0 20px;
	text-align:center;
}
.left embed{
margin:auto;
}

.drustvene_mreze  a.huped-opis {    
	color: #003472;
	text-indent: none;
    float: left;
    font-weight: bold;
    width: 120px;
}

.pristupnica {
	background: url("../images/list.png") no-repeat scroll 8px center transparent;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 20px 10px 0;
    padding: 10px 20px 10px 50px;
    text-align: center;
    width: 29%;
}

a.pristupnica:hover, a.pristupnica:active {
  background-color: #FAFAFA;
  border: 1px solid #D01C1D;
  text-decoration: none;
}

.galerija-box {
	float:left;
	margin-right:10px;
}

.galerija-box.last {
	margin-right:0px;
}

span.cijena {
	float:left;
	padding-top:3px;
}

.iznos {
	float:left;
	margin-left:300px;
}

.pregrada select.tip_sudionika {
	margin-bottom:0px;
}

input.cijena {
	width: 40px;
	margin-left:10px;
	margin-right:10px;
}

.payment-cards {
	text-align: center;
	width:100%;
	padding-top:20px;
	border: 1px solid #E0E0E0;
}

.payment-cards  img {
	cursor: pointer;
}

.uvjeti-placanja h2 {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  padding-top:10px;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.payment-cards2 {
	text-align: left;
	width:90%;
	padding:5% 5% 2% 5%;
	margin-top:10px;
	padding-top:20px;
	border: 1px solid #E0E0E0;
	
}

.payment a {
	background: url(../images/cards/sigurnost-banner.jpg) no-repeat;
	width: 200px;
	float:left;
	height: 55px;
}

td.nacin_placanja {
	width:300px;
}

.payment-cards2 img {
	float:left;
	margin-right:10px;
}

#Nav{
	padding: 5px 8px;
	background: url(../images/Nav_bg.jpg) repeat-x;
	width: 702px;
}

#Newsletter{
	width: 200px;
	float: right;
	overflow: hidden;
	border: 1px solid #E0E0E0;
	height: 229px;
	background: #F7F7F7;
}
.square{
background: url(../images/Nav_bg.jpg) repeat-x;
-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:0;
padding:10px 10px;
line-height:100%;
cursor: pointer;
width:46%;
text-align: center;
overflow:visible;
font-weight:normal;
font-size:11px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:inline-block;
display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #ccc;
text-transform: uppercase;}

.linksbar{
	padding: 0 20px;
}

.divide{
	height: 5px;
	border-top: 1px solid;
	margin-top: 2px;
}
.anketa-span{
	text-transform: none;
}
.w-20{
	width: 20% !important;
}
#u_0_0 div{
	width: 718px !important;
}
.web-naslov {
	background: rgb(200, 16, 16) none repeat scroll 0% 0%;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 6px 11px;
}
.header_right .bx-wrapper, .banner-16 .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  margin-bottom: 10px !important;
}

/* New Improved Menu System - Use these classes instead of ter_menu */

/* Main menu container */
.therapist_menu_container {
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: visible;
    position: relative;
}

/* Main menu list */
.therapist_menu {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #EAEAEA;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.therapist_menu li {
    list-style: none;
    list-style-type: none;
}

.therapist_menu li::marker {
    display: none;
    content: "";
}

/* Main menu items */
.therapist_menu > li {
    position: relative;
    flex: 1;
    min-width: 120px;
}

/* Main menu links */
.therapist_menu > li > a {
    display: block;
    padding: 10px 8px;
    text-decoration: none;
    color: #003472;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-right: 1px solid #dadada;
    transition: all 0.3s ease;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.1;
    text-align: center;
    word-wrap: break-word;
    hyphens: auto;
}

.therapist_menu > li:last-child > a {
    border-right: none;
}

.therapist_menu > li > a:hover {
    background-color: #f2f2f2;
    color: #C81010;
    text-decoration: none;
}

/* Submenu container */
.therapist_submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 400px;
    max-width: 600px;
    background-color: #e1e1e1;
    border: 1px solid #dadada;
    border-top: none;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 4px 4px;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0;
}

.therapist_submenu li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.therapist_submenu li::marker {
    display: none;
    content: "";
}

/* Row separators - add subtle lines between rows */
.therapist_submenu li:nth-child(2n+1):not(:nth-last-child(-n+2))::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0,52,114,0.2), transparent);
    z-index: 1;
}

/* For 3-column layout - different row separator logic */
.therapist_submenu.many-items li:nth-child(3n+1):not(:nth-last-child(-n+3))::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0,52,114,0.2), transparent);
    z-index: 1;
}

/* Remove the 2-column separator for 3-column layout */
.therapist_submenu.many-items li:nth-child(2n+1)::after {
    display: none;
}

/* Alternating row background colors for better distinction */
.therapist_submenu li:nth-child(4n+1),
.therapist_submenu li:nth-child(4n+2) {
    background-color: rgba(255,255,255,0.1);
}

.therapist_submenu li:nth-child(4n+3),
.therapist_submenu li:nth-child(4n+4) {
    background-color: rgba(0,52,114,0.05);
}

/* For 3-column layout - different alternating pattern */
.therapist_submenu.many-items li:nth-child(6n+1),
.therapist_submenu.many-items li:nth-child(6n+2),
.therapist_submenu.many-items li:nth-child(6n+3) {
    background-color: rgba(255,255,255,0.1);
}

.therapist_submenu.many-items li:nth-child(6n+4),
.therapist_submenu.many-items li:nth-child(6n+5),
.therapist_submenu.many-items li:nth-child(6n+6) {
    background-color: rgba(0,52,114,0.05);
}

/* For submenus with many items (7+), use 3 columns */
.therapist_submenu.many-items li {
    width: 33.333%;
}

/* For submenus with few items (3 or less), use 1 column */
.therapist_submenu.few-items li {
    width: 100%;
    background-color: transparent !important;
}

.therapist_submenu.few-items li::after {
    display: none !important;
}

/* Show submenu on hover */
.therapist_menu > li:hover .therapist_submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Submenu items */
.therapist_submenu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Submenu links */
.therapist_submenu a {
    display: block;
    padding: 10px 12px;
    margin: 2px;
    color: #003472;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 11px;
    transition: all 0.3s ease;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: bold;
    background-color: rgba(255,255,255,0.4);
    position: relative;
    z-index: 2;
}

.therapist_submenu a:hover {
    background-color: #f2f2f2;
    color: #C81010;
    border-color: #C81010;
    text-decoration: none;
    transform: translateX(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Smart positioning for submenus - prevents out of bounds */
.therapist_menu > li:nth-last-child(1) .therapist_submenu,
.therapist_menu > li:nth-last-child(2) .therapist_submenu {
    right: 0;
    left: auto;
}

/* Search container - improved version */
.therapist_search_container {
    background: linear-gradient(135deg, #f8f8f8 0%, #e8e8e8 100%);
    padding: 25px 0;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.therapist_search_form {
    display: inline-flex;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: white;
    max-width: 100%;
    align-items: center;
}

.therapist_search_input {
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    width: 300px;
    max-width: 70vw;
    outline: none;
    color: #333;
    background: transparent;
    font-family: arial;
}

.therapist_search_input::placeholder {
    color: #999;
}

.therapist_search_input:focus {
    outline: none;
}

.therapist_search_button {
    border: none;
    background: #C81010;
    color: white;
    padding: 12px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    font-size: 0;
}

.therapist_search_button:hover {
    background: #a00d0d;
}

.therapist_search_button::before {
    content: "🔍";
    font-size: 14px;
}

/* Tablet styles */
@media (max-width: 768px) {
    .therapist_menu {
        flex-direction: column;
    }

    .therapist_menu > li {
        flex: none;
        width: 100%;
    }

    .therapist_menu > li > a {
        border-right: none;
        border-bottom: 1px solid #dadada;
        padding: 12px;
        white-space: normal;
        font-size: 11px;
        line-height: 1.2;
        text-align: left;
    }

    .therapist_menu > li:last-child > a {
        border-bottom: none;
    }

    .therapist_submenu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        min-width: auto !important;
        max-width: none !important;
        width: 100%;
        background-color: #f8f8f8;
        border: none;
        box-shadow: none;
        border-radius: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0;
        display: block;
    }

    .therapist_menu > li:hover .therapist_submenu {
        max-height: 500px;
        padding: 10px 0;
    }

    .therapist_submenu li {
        width: 100% !important;
    }

    .therapist_submenu a {
        padding: 10px 30px;
        margin: 0;
        background-color: #f8f8f8;
        border: none;
        border-bottom: 1px solid #e0e0e0;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .therapist_submenu a:hover {
        padding-left: 35px;
        background-color: #efefef;
        transform: none;
        border-color: transparent;
    }

    .therapist_search_input {
        width: 250px;
        font-size: 13px;
    }
}

/* Mobile phone styles */
@media (max-width: 480px) {
    .therapist_menu > li > a {
        font-size: 10px;
        padding: 12px 10px;
    }

    .therapist_submenu a {
        font-size: 10px;
        padding: 10px 25px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .therapist_submenu a:hover {
        padding-left: 30px;
    }

    .therapist_search_input {
        width: 200px;
        padding: 10px 15px;
        font-size: 12px;
    }

    .therapist_search_button {
        padding: 10px 15px;
    }

    .therapist_search_form {
        border-radius: 20px;
    }
}

/* Alternative compact menu version */
.therapist_menu_compact {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #EAEAEA;
    display: block;
    position: relative;
    border: 1px solid #e0e0e0;
}

.therapist_menu_compact li {
    list-style: none;
    list-style-type: none;
}

.therapist_menu_compact li::marker {
    display: none;
    content: "";
}

.therapist_menu_compact > li {
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.therapist_menu_compact > li > a {
    display: block;
    padding: 8px 6px;
    text-decoration: none;
    color: #003472;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    border-right: 1px solid #dadada;
    transition: all 0.3s ease;
    white-space: normal;
    line-height: 1.1;
    text-align: center;
    min-width: 80px;
    max-width: 120px;
    word-wrap: break-word;
}

.therapist_menu_compact > li:last-child > a {
    border-right: none;
}

.therapist_menu_compact > li > a:hover {
    background-color: #f2f2f2;
    color: #C81010;
    text-decoration: none;
}

.therapist_menu_compact .therapist_submenu {
    min-width: 220px;
}

/* Dark theme variant */
.therapist_menu_dark {
    background-color: #003472;
}

.therapist_menu_dark > li > a {
    color: #ffffff;
    border-right-color: #004080;
}

.therapist_menu_dark > li > a:hover {
    background-color: #004080;
    color: #8ce0ff;
}

.therapist_menu_dark .therapist_submenu {
    background-color: #004080;
    border-color: #0056b3;
}

.therapist_menu_dark .therapist_submenu a {
    color: #ffffff;
    border-bottom-color: #0056b3;
}

.therapist_menu_dark .therapist_submenu a:hover {
    background-color: #0056b3;
    color: #8ce0ff;
}

/* Ultra-compact version for very long menu titles */
.therapist_menu_ultra_compact {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #EAEAEA;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #e0e0e0;
}

.therapist_menu_ultra_compact li {
    list-style: none;
    list-style-type: none;
    flex: 1;
    min-width: 100px;
    max-width: 140px;
}

.therapist_menu_ultra_compact li::marker {
    display: none;
    content: "";
}

.therapist_menu_ultra_compact > li > a {
    display: block;
    padding: 6px 4px;
    text-decoration: none;
    color: #003472;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    border-right: 1px solid #dadada;
    transition: all 0.3s ease;
    white-space: normal;
    line-height: 1.0;
    text-align: center;
    word-wrap: break-word;
    hyphens: auto;
    height: auto;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.therapist_menu_ultra_compact > li:last-child > a {
    border-right: none;
}

.therapist_menu_ultra_compact > li > a:hover {
    background-color: #f2f2f2;
    color: #C81010;
    text-decoration: none;
}

/* Responsive behavior for ultra-compact */
@media (max-width: 768px) {
    .therapist_menu_ultra_compact {
        flex-direction: column;
    }
    
    .therapist_menu_ultra_compact li {
        max-width: none;
        width: 100%;
    }
    
    .therapist_menu_ultra_compact > li > a {
        border-right: none;
        border-bottom: 1px solid #dadada;
        text-align: left;
        padding: 10px 12px;
        font-size: 10px;
    }
}
.therapist_menu_loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.therapist_menu_loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #ccc;
    border-top-color: #003472;
    border-radius: 50%;
    animation: therapist_menu_spin 1s linear infinite;
}

@keyframes therapist_menu_spin {
    to {
        transform: rotate(360deg);
    }
}