/**
 * Basic
 */
body { font-size:12px; font-family: "Trebuchet MS", trebuchet, sans-serif; line-height:1.5; color: #444; background:#fff; }

a { color:maroon; text-decoration: none; }
a:hover { text-decoration: underline; }

p { line-height: 1.5; font-size: 12px; }
p + p { margin: 20px 0px 0px 0px; }

h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", trebuchet, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-transform:uppercase; color:#662e1e; }

h1 { font-size: 20px;  }
h2 { font-size: 14px; margin: 0px 0px 14px 0px; }
h3 { font-size: 13px; margin: 0px; }

h3:first-child, h4:first-child, h5:first-child { margin-top: 0 !important; padding-top:0 !important; }

div.paging { text-align: center; margin: 30px; }

#wrapper { background: #F8efd7 url(../img/bk.png) repeat-x top; padding-top:36px; }
#holder { background: transparent url(../img/holder_bk.png) repeat-y left; }
.holder-open { background:transparent url(../img/holder_top1.png) no-repeat left top; margin:0 !important; padding-top:9px; }
.holder-close { background: transparent url(../img/holder_bottom.png) no-repeat left bottom; margin:0 !important; height:10px !important; }
/**
 * Form
 */
form { font-size: 12px; margin: 10px 0px 0px 0px; }
form label { font-size: 12px; display: block; font-weight: bold; }
form .input { font-size: 12px; margin: 0px 0px 10px 0px; }
form .text input,
form .password input,
form .textarea textarea { font-size: 12px; width: 300px; }
form .error-message { font-size: 12px; color: #ee4b33; }


#top, #central, #bottom {}
#header, #main, #footer {}

#top { height: 230px; background: transparent url(../img/holder_top.png) no-repeat left top; }
#central { min-height:480px; }

#holder { position:relative; }
#mainpanel { position:relative; padding-bottom: 20px;  }
/**
 * Header
 */
#header {  }
#header h1 { text-align:center;  font:normal 12px Geogia, Times, serif; letter-spacing:0.25em; margin: 0px; background: transparent url(../img/fabjan-logo.png) no-repeat 1px 1px; width:230px !important; height:230px !important; }
#header h1 a { text-decoration: none; padding: 180px 0 0; display:block; }
#header h1 span { display:none; }
#header .site-tagline { display:none; font-size:0; }

div#rotator { margin:0; overflow:hidden; width:603px; height:228px; background-color: #eee; position:absolute; left:296px; top:10px; z-index:0; }

/*#newsflash { height:230px !important; background:transparent url(../img/news-cloud.png) no-repeat -5px 50px; position:relative; }*/
#newsflash { background:none; position:relative; height:230px !important; }
#newsflash div {display:none; }

#content { min-height:480px; }

#path, #path a { font-size:10px; text-transform:uppercase; color:#662e1e; }
#path { clear:both; border-bottom:1px dotted #662e1e; padding:0 0 10px; margin:0 0 10px; }
#path a { text-decoration:none; color: #bb5537; }

#path span { display:inline-block; float:left;}

/**
 * Navigation (with dropdown)
 */
#nav, #company-nav { height: 35px; margin-bottom:20px;  }
#company-nav { background: transparent url(../img/menuitem_bk.png) repeat-x left -35px; margin-top:-10px;  }
#nav ul li, 
#nav ul li a, 
#company-nav ul li, 
#company-nav ul li a 
{ font-size:15px; font-weight:bold; text-transform:uppercase; float: left; display: block; background-color:transparent; background-image:url(../img/menuitem_bk.png); background-repeat:repeat-x; background-position:left top; height:15px !important; }
#company-nav ul li a {   }
#nav ul li:first-child a {  }
#nav ul li a, 
#company-nav ul li a 
{ color: #bb5537; padding: 7px 20px 13px; text-decoration: none; }
#nav ul li a:hover, #company-nav ul li a:hover { background-color:#FAF2EB; background-position:left -35px; }

#nav ul li a.selected, #company-nav ul li a.selected { color:#FFF; background-color:#bb5537; background-position:center -70px; background-repeat:no-repeat; }
#nav ul li a.selected:hover {color:#FFF; background-color:#bb5537; background-position:center -70px; background-repeat:no-repeat;}
#company-nav ul li a.selected,  #company-nav ul li a.selected:hover { color:#662e1e; background-color:#FAF2EB; background-position:left top;}


#beauty-procedures-nav { width:230px; padding:0 !important; margin:0 0 5px 0; }
#beauty-procedures-nav h2 { height:15px; line-height:17px; margin:0; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:right; color: #bb5537; padding: 10px 25px 9px !important; text-decoration: none; }

/*#beauty-procedures-nav h2.ui-accordion-header.ui-state-active { background:#bb5537 !important; border-color:#bb5537 !important; color:#FFF; }*/

#beauty-procedures-nav h2 a { color:#FFF; }
#beauty-procedures-nav h2.ui-state-active a { color: #FFF; }
#beauty-procedures-nav h2.active {color:#FFF; background-color:#bb5537;}



.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:transparent;
}
#sectionsTree { text-align:right; width:230px;}
#sectionsTree ul { text-align:right;  }
#sectionsTree li { margin: 0 0 2px 0; padding:0; }
#sectionsTree li ul { margin:2px 0 0 0; border-right:9px solid transparent; }

#sectionsTree li span.procedures-list a { display:block;  }
#sectionsTree li span.procedures-list a:hover, .sections.tree li span a.hover {  }
#sectionsTree li h4 { display:block; position:relative; font-size:12px; font-weight:bold; padding:5px 24px 5px 6px !important; margin:0; line-height:1.5; cursor:pointer; }
#sectionsTree li h4 span.tree-icon { display:block; width:10px; height:10px; background: transparent url(../img/indicator-tree.png) no-repeat left top; position:absolute; right:7px; top:50%; margin-top:-5px; }
#sectionsTree li h4 { color: #bb5537; border:1px solid #f1dccb; border-width: 1px 0; }
#sectionsTree li h4.state-hover {   }
#sectionsTree li h4.state-hover span.tree-icon { background-position: left center;} 
#sectionsTree li h4.state-active { color: #662e1e; }
#sectionsTree li h4.state-active span.tree-icon { background-position: left bottom;} 

#sectionsTree li ul h4 { font-size:0.95em; }

#sectionsTree li span { display:block;}
.procedures-list { 
	margin:0 0 0 10px; 
	padding:0; 
	width:200px; 
	overflow: hidden;
	font-size: 11px;
	text-transform:uppercase;
	clear: both;
	background: transparent url(../img/white-transp-bk.png);
	border: 1px solid #f1dccb;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top:0;
}
.procedures-list .pblock {
	padding: 10px 18px 10px 10px;
	margin:0;
}

#sectionsTree li a.section-info, #sectionsTree li a.section-info.hover  { color:silver !important; }

.treeview .hitarea { display:none; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }

/*#beauty-procedures-nav h2.active a { color:#FFF; }
*/
/*
#beauty-procedures-nav ul { text-align:right; margin:0px; }
#beauty-procedures-nav ul li { font-size:11px; text-transform:uppercase; margin:5px 0; }
 
#beauty-procedures-nav ul li a { color: #bb5537; }
#beauty-procedures-nav ul ul{ margin:0; }

#beauty-procedures-nav ul li.category-info { font-size:9px; margin:0 0 10px; padding:0;  }

#beauty-procedures-nav h3 a { font-size:12px; font-weight:bold; text-align:right !important; padding-right:25px; background:none; }
#beauty-procedures-nav h3.ui-state-default { background:none; }

#beauty-procedures-nav .ui-widget-content { border:0 !important; padding: 0 !important;}
#beauty-procedures-menu .ui-widget-content { padding: 0 25px 10px 10px !important;}
*/


#active-procedure-indicator { display:block; width:6px; height:13px; position:absolute; background:transparent url(../img/procedure-indicator.png) no-repeat left top; right:0; bottom:0; }


/*
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { float:left; position:relative; }
.sf-menu a { text-transform:uppercase; display:block; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:10em; top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0; }

*/

#nav ul li:first-child ul, #company-nav ul li:first-child ul { margin: -3px 0px 0px 0px; }
#nav ul li ul, #company-nav ul li ul{ margin: -2px 0px 0px 0px; }
#nav li li:first-child a { }
#nav li li a {   }
#nav li li a:hover {  }

#nav li li li:first-child { margin: 2px 0px 0px 0;  }
#nav li li li { margin: 0px 0px 0px 0; }


/**
 * Main
 */
.message { border: 4px solid #f7d8ab; background-color:#FFF; padding: 10px; margin: 0px 0px 10px 0px;  }

.nodes .node h2 {  }

.node { margin: 0px 0px 20px 0px; }
.node h2 a { text-decoration: none; display: block; }
.node h3 { margin: 15px 0px 12px 0px; }
.node .node-info,
.node .node-more-info { font-size: 11px; color: #777; font-style: italic; display: block; }
.node .node-info { margin-bottom:6px; border-bottom:1px dotted #eee; }
.node .node-info a,
.node .node-more-info a { font-style: normal; }
.node .node-body { font-size: 12px; margin: 12px 0px 12px 0px; }
.node .node-body ul { margin: 10px 10px 10px 0; }
.node .node-body ul li { list-style-type: disc; margin: 0px 0px 0px 25px; }

/*.node-type-blog { margin-bottom:12px; border-bottom:1px dotted #ccc; } */
.blog-post { margin: 0 0 12px; padding-bottom:12px; border-bottom: 1px solid #eee; }


.blog-date { font-size:15px; font-weight:bold; color:#999; }
.blog-excerpt { font-style:italic; font-weight:bold; margin:12px 0; color:#777; background:#EEE; padding:12px;  }

.comments { margin:12px 0 0; }
.comments h3 { margin: 50px 0px 10px 0px; }
.comments .comment { font-size:12px; margin-bottom:12px;}
.comments .comment .comment { margin: 0px 0px 0px 40px; }
.comments .comment .comment-body { line-height: 20px; }

.comment .comment-info { font-size:11px; padding-top:10px; }
.comment .avatar {  }
.comment .avatar img { padding: 6px 0 6px 0; }
.comment .name { font-size:11px; font-weight: bold; color: #662e1e;}
.comment .comment-date { font-size:11px; color:#333; }
.comment .comment-body { clear: both; color:#666; font-size: 12px; padding: 10px; }
.comment .comment-reply { padding: 2px 0 0 0; }
.comment .comment-reply a { font-size: 9px; text-transform: lowercase; padding: 0px 2px; border:1px solid #777; background-color:#eee; color:#555; }
.comment .comment-reply a:hover { background-color:#f7d8ab; color:#662e1e; text-decoration:none; }

.impressions-form { border:10px solid #eee; padding:24px; margin:12px; }
.comment-form h3 { margin: 50px 0px 10px 0px; }
.form .comment-form h3 { margin: 0px 0px 10px 0px; }
.comment-form p { padding: 10px 0px 20px 0px; }
.comment-form #recaptcha_widget_div { margin: 0px 0px 10px 0px; }

.cloud-speaker{ background:url(../img/cloud-arrow-w.png) no-repeat 0 0; width:12px; height: 12px; position: absolute; left:-11px; top:12px;}

.block { margin: 0 0px 10px 0px; font-size: 11px; }
.block h3, .panel-inner h3, .panel-inner .description h3 { margin: 0px 0px 10px 0px; font-size: 11px;  }
.panel-inner .description h3 { margin: 0 0 10px; padding:0; border: 0;}
.block .block-body { line-height: 25px; }
/*.block ul li { list-style-type: disc; margin: 0px 0px 0px 25px; }*/

.block-search input[type=text] { width: 200px; float: left; margin: 2px; }


#leftpanel .block  { width:188px;  margin:10px 0 0px 10px; background:#FFF url(../img/side-pane-bk.png) repeat-y left top; border:1px solid #f8cdbe; border-right:0; text-align:right; padding:20px 20px 10px 10px; }
#leftpanel .block h3 { }

.block-links ul { list-style:none; }
.block-links ul li{ list-style-type:none; }


.panel-inner { /*background-color:#FFFFFF;*/ }
.panel-inner .ui-widget { padding:10px; }
.panel-inner .media { margin:0 0 10px; padding:18px; }
.panel-inner .media .foto, .panel-inner .media .photo { margin:0 !important; } 


#category-procedures li a, .blist.up li a { font-weight:bold; font-size:11px; text-transform:uppercase; color: #bb5537; /*height:36px;*/ display:block;}

.member-name { font-weight:bold; color:#bb5537;  }
.member-title { text-transform:lowercase; color:#bb5537; }
.member-specialty { display:block; clear:both; }
.member-email { color:#333; font-size:10px; display:block; clear:both; }


.procedure-data dl, .node-body dl { float:left; padding:0; border-bottom:1px dotted #999999; width:340px;  }
.procedure-data.vertical dl{ float:none; width:100%; } 
.procedure-data dl { margin-bottom:20px; }
 
.procedure-data dl dt, .node-body dl dt{ clear:left; float:left; width:120px; margin:0; padding:10px 10px 10px 0; border-top:1px dotted #999; color:#662e1e; font-size:12px; }
 
.procedure-data dl dd, .node-body dl dd { float: left; margin:0; width:200px; padding:10px 10px 10px 0; border-top:1px dotted #999; font-size:12px; }
.procedure-data.vertical dl dt, .procedure-data.vertical dl dd{ width:100%; clear:both; float: none; padding-right:0; }
.procedure-data.vertical dl dd { padding-top:5px;border-top-color:silver; }
.procedure-data.vertical dl dt { padding-bottom:5px; }
.procedure-data.vertical { margin-bottom:10px; }

table.procedures-pricelist { width: 100%; clear:both; margin-bottom:20px; border:0; }
table.procedures-pricelist tr th { padding:5px 24px;}
table.procedures-pricelist tr td {  font-weight:normal; vertical-align:top; padding:5px 24px; border-top:1px dotted #f7d8ab; background-color:transparent; }
table.procedures-pricelist tr td.procedure-data-category { padding-left: 0px;}
table.procedures-pricelist tr td a { color:#bb5537; }
table.procedures-pricelist tr td.procedure-data-category a { color:#662e1e; }
table.procedures-pricelist tr td a:hover { color: #662e1e;}
table.procedures-pricelist .procedure-data-title { text-align:left; }
table.procedures-pricelist .procedure-data-price { text-align:right; }
table.procedures-pricelist .procedure-data-category { border-top:1px solid #f7d8ab; }
table.procedures-pricelist .procedure-data-category h4 { padding:0 }
table.procedures-pricelist tr:hover td {  background-color: #fff; font-weight:bold; }
table.procedures-pricelist tr:hover td.procedure-data-category { background-color:transparent; }

h4.procedure-data-cat { font-size:0.9em !important; margin:0 !important; padding:0 !important; }

.description, .relations { font-size: 12px; margin-bottom:10px; }
.video { margin:0 0 10px; padding:10px; background-color: #f7d8ab !important; width:320px; height:160px;}
.relations { /*background-color: #FCF6EB*/ border-width:3px;}

/**
 * Footer
 */
#footer { border-top: 1px solid #ccc; margin-top: 50px; padding: 20px 0px 20px 0px; font-size: 11px; }
#footer .right { text-align: right; }

#debug-kit-toolbar ul li.panel-tab { display: none; }
#debug-kit-toolbar ul li.icon { display: inline; }

li ul { margin-left:10px; }
li ul li { font-size:0.9em; }

.description ul, .node-body ul { margin:6px 0 12px; }
.description ul li, .node-body ul li { background:url(../img/bullet-list.png) no-repeat left 3px; padding:0 0 0.5em 18px; }
.description ol li { display:list-item; list-style-position:outside; padding:0 0 0.5em 18px; }


ul.blist li { padding: 0 0 10px; margin:0 0 10px; border-bottom:1px dotted #bb5537; color:#777; background:none; }
ul.blist li a, ul.blist.west li a, a.indicator { color:inherit; display:block; background-color: #f7d8ab; background-image: url(../img/indicator-arrow.png); background-position: right center; background-repeat: no-repeat;  }

ul.blist.west li a, a.indicator.west { background-position: left center; padding-left:20px;}

ul.blist li a:hover, ul.blist li a.selected, a:hover.indicator  { text-decoration:none; background-color:#bb5537; color: #662e1e !important;}
ul.blist li a.selected span  { color:#662e1e !important; }

.description h3, .node-body h3 { font-size: 13px; text-transform:uppercase; padding: 13px 0 4px; margin:13px 0 6px; border-bottom:1px dotted #f7d8ab; }
.description h4, .node-body h4 { font-size: 13px; text-transform:uppercase; padding: 13px 0 12px; margin-top:13px; }
.description h5, .node-body h5 { font-size: 12px; text-transform:uppercase; padding: 1em 0; margin-top:.5em; }

#locations-infobox { padding:0 !important; margin:0 !important; font-size:12px; }
#locations-infobox .ui-widget { padding:0 !important; }
#locations-infobox h4 { background:none !important; border:none; padding:0; margin:0; border-bottom:1px dotted #bb5537;   }
#locations-infobox h4 .ui-icon { display:none !important;}
#locations-infobox h4 a { text-transform: capitalize; font-weight:bold;  background:none !important; border:none !important; padding:6px 0 6px !important; }
#locations-infobox .ui-accordion-content { font-size:11px; padding:0; border-bottom:1px dotted #BB5537 !important }


.address { border:none !important; padding: 6px 0; font-size:11px; line-height:14px;}
.address span { display:block; padding:0 0 5px 0; color:#777; }

.address.top {  }
.address.top span, .address.top .phone { float:left; margin: 0 36px 0 6px; color:#FFF; }
.address.top span.clinic-location a { color:#FFF; }
.address.top .phone { margin:0; }
.address .location {  }
.address .title { font-weight:bold; }
.tabs .address .title { color: #662e1e; }

.address .street {  }
.address .postal_number { display: inline-block; padding-right:10px; }
.address .city { display:inline-block; }
.address .country {  }
.address .phone span, .address .e_mail { padding-left: 20px; background:transparent url(../img/icons-address-dark.png) no-repeat left top;   }
.address.top .phone span, .address.top .e_mail { background-image:url(../img/icons-address-light.png);}
.address .phone .work { background-position: left 1px; }
.address .phone .fax { background-position: left -39px;}
.address .phone .mobile { background-position: left -79px;}
.address .e_mail { background-position: left -119px; }

.address.top { position:absolute; left:-5px; top:0px; line-height:1 !important; height:10px !important; width:585px; padding:5px 10px; background: transparent url(../img/brown-transp-bk.png); z-index:100; }

.address .country, .address .phone, .address .e_mail { margin-bottom:11px; }

#locations-main .address { padding: 0; }
#locations-main .address .e_mail{ margin:0; }
#locations-main .address .title { color: #bb5537; }

.location-description { margin: 0 0 12px; padding: 10px; }

#member-description { }
.member-description-foto, .youtube-video, .google-map { padding: 10px; margin-bottom:10px; background-color: #f3ddca; }
.photo, .photo-left, .photo-right { padding: 10px; margin:0 0 10px 0; background-color: #f3ddca; }
.photo {  }
.photo-left { margin-right:10px; float:left; }
.photo-right { margin-left:10px; float:right; }
.photo img { margin:0; padding:0; border:0; }



.youtube-video, .google-map {background-color: #f7d8ab; }
.member-description-foto img, .photo img { margin:0; padding:0; outline:0; border:0; }
.member-description-foto { float:left; margin-right:10px;}
.member-description-name { clear:both; display:block; }
.member-description-name .member-name, .member-description-name .member-title{ color: #662e1e} 
.google-map { padding-bottom:10px; }
.grid ul { list-style:none; padding:0; }
.grid ul li { display:inline-block; float: left; list-style-type:none; padding:5px; margin:0; }
.grid ul li a { text-decoration:none; }
.grid ul li a img { background-color:silver; padding:5px; }
.grid.photo {  background-color: #fff; padding: 5px; }

.maps-location-description { margin-bottom:10px; padding:10px; background-color:#FAF2EB;}
.maps-location-description dl { font-size: 12px;}
.maps-location-description h2, .maps-location-description h3, .maps-location-description h4 { margin-top:0 } 

.tabs .block-timetable { padding-top:10px; border-top:1px solid silver; }
.block-timetable p { font-size:11px; color: gray; }
.slideshow {  margin: 0 0 30px 0; clear:both;}

.slideshow img, img.foto { padding: 10px; border: 0; background-color: #ccc; }
#rotator img { width:603px; height:228px; padding:0; border:0; background-color:transparent; }
img.foto { background-color: #eee; }


.foto, .foto-left, .foto-right { background-color:#eee; padding: 10px; margin:0 0 10px 0; }
.foto-left { margin-right:10px; float:left; }
.foto-right { margin-left:10px; float:right; }

span.hrule { display:block; clear:both; height:1px; border-bottom:1px dotted #bb5537; margin:11px 0; }


span.keyword-term { border-bottom:1px dashed; padding-bottom:0; line-height:1em; }
a.keyword-term, a:hover.keyword-term, a:active.keyword-term, a:visited.keyword-term, a:link.keyword-term { text-decoration:none; color:inherit; text-transform: none; }


#gMap { width:540px; height:300px; padding: 10px; background-color:silver; }


#newsflash .container { margin-top:70px; margin-left:20px; width:250px; height:100px; overflow:hidden; padding-bottom:10px; display:block; position:relative; }
.news-flash-title, .news-flash-body, .news-flash-body p, .news-flash-body a, #newsflash .container h2 { font-size:11px; color:#777;  line-height:1.5em; }
.news-flash-body a { margin:0; text-decoration:none;  }
.news-flash-body a:hover { margin:0; text-decoration:none; color:#444; }

.news-flash-title { color:#BB5537; text-transform:uppercase; display:none; }
#newsflash .container h2 { color: #662e1e; font-weight:bold; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom:1px dotted #662e1e; display:none; }
#newsflash .container a.blog.view { display: block; width:250px; height:105px;  }

#news-pager { position:absolute; top:170px; left:20px; z-index:99; }
#news-pager a { display:inline-block; padding:1px 3px; background-color:#FFF; margin-right:10px; font-size:10px; font-weight: bold; text-decoration:none; color:silver; }
#news-pager a:hover { color:gray; }

#news-pager a.activeSlide { color:gray; text-decoration:underline;}

.opened, .newsflash.opened { display:block; }
.closed, .newsflash.closed { display:none; }


/* procedures maps */
#proceduresImageMap { display:block; height:540px; width:580px; /*background:url(../img/models.png)*/ background:url(../img/models.jpg) no-repeat center top; position:relative; }

.procedures-coordinates { display:block; height:540px; width: 160px; position:absolute; top:0; }

.procedures-coordinates#proceduresMapFemale { left:0; }
.procedures-coordinates#proceduresMapMale { width: 200px; right:0;  }

/*a.procedures-positions, a.female-positions, a.male-positions { overflow:hidden; position:absolute; display:block; width:12px; height:12px; background:transparent url(../img/map-indicator.png) no-repeat left top; }
*/
a.procedures-positions, a.female-positions, a.male-positions { overflow:hidden; position:absolute; display:block; width:6px; height:6px; background:transparent url(../img/map-indicator-2.png) no-repeat left top; }

a:hover.procedures-positions, a:hover.female-positions, a:hover.male-positions {  }
a.procedures-positions.procedures-location-current { background-position:left -24px; }
a.procedures-positions span { display:none; }





#proceduresResults { display:block; height: 500px; margin:20px 0; overflow:hidden; }

.m-pr-item { }
.m-pr-item a { color:#f8dcbe; font-weight:bold; font-size:11px;  }
.m-pr-item a.filtered { color:#bb5537; font-weight:bold; font-size:13px;  }

.m-pr-item a:hover { color:#bb5537; font-weight:bold; font-size:12px;  }


#map-procedures-nav { width: 230px;   }
/* #map-procedures-nav .ui-widget-header { background:#FFF !important; } */
#map-procedures-nav .ui-widget-content { padding:0px !important; }
.p-coordinates { display:block; width:200px; height:540px; margin-left:10px; position:relative; }
#map-female { background:url(../img/models.jpg) no-repeat 0 0; }
#map-male { background:url(../img/models.jpg) no-repeat -370px 0; }

.map-area { border:1px solid #f8dcbe; position:absolute; font-size:11px; background: transparent url(../img/light-transp-bk.png); padding:10px; z-index:9999; width:110px; }
.map-area ul, .map-area ul li { margin:0; padding:0; }




/* content styling */
.extra-dark, .extra { padding:10px; margin:12px 0; font-size:11px; }
.extra { color: #888; background-color:#f8efd7; border:3px solid #f8dcbe; font-size:13px; padding:15px; line-height:1.5; font-style:italic; }
.extra-dark { color: #662e1e; background-color:#FAF2EB; border:1px solid #662e1e;  }

a.youtube-link { display:block; position:relative; }
a.youtube-link span { background: transparent url(../img/yt-play.png) no-repeat center; width:36px; height:36px; display:block; position:absolute; right:10px; bottom:10px; }

small, .small { font-size: 0.85em; }
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../img/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../img/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../img/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../img/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}


#cboxContent .grid_3 { width:180px; }
#cboxContent .grid_7 { width:550px; }
#cboxContent .blog-post { margin:0; padding:0;  }
.blog-post .heading { padding-top:10px; }
#cboxContent .blog-post .heading.grid_7 { width:530px; }
.blog-post .news { margin-top:0; padding-top: 12px; border-top:1px solid silver; }
.blog-post .news.grid_3 { border-top:1px dotted silver; } 
.blog-post h2 { text-transform: capitalize; color:#999; font-size:15px; display:block; }
.blog-post h2 { text-transform: capitalize; color:#999; font-size:15px; display:block; }

.blog-post .blog-excerpt { margin-top:0; }


/*
    The following fixes png-transparency for IE6.  
url("C:/Users/Marko/AppData/Local/Temp/Rar$DR22.815/jaz303-tipsy-179733f/src/images/tipsy.gif")    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/fabjan/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.tipsy { padding: 5px; font-size: 10px; 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(../img/tipsy/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; }

div.actions { padding: 0px 0px 50px 0px; }
div.actions ul { float: left; }
div.actions ul li { margin: 0px 10px 0px 0px; padding: 0px; list-style: none; float: left; }
div.actions ul li a { padding: 10px; margin-right: 10px; text-decoration: none; background-color: #f8dcbe; font-weight: bold; float: left; }
div.actions ul li a:hover { background-color:#faf0dd;  }
div.actions ul li span {  padding: 10px; margin-right: 10px; text-decoration: none; background-color: #f8dcbe; font-weight: bold; float: left; }

button.actions { border:0; padding: 10px; margin-right: 10px; text-decoration: none; background-color: #f8dcbe; font-weight: bold; float: left; }
button:hover.actions { background-color:#faf0dd; }




/** added for hiding timetable at celje location 
#mp-celje .block-timetable { display:none; }*/

#sections-info {}
#sections-info li { font-size:11px !important; }
#sections-info li ul { margin-left:36px; }
#sections-info .section-procedures { margin-top:10px; padding:10px; background-color:#faf0dd; }
#sections-info .section-procedures a { text-transform:uppercase !important;}

.loader { background: #FFF url(../img/colorbox/loading.gif) no-repeat center; display:block; height: 36px; padding:12px; }