/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Header
 *  5. Content
 *  6. Sidebar
 *  7. Footer
 *  8. Navigation
 *  9. Forms
 * 10. Modules
 * 11. Print styles
 *
 */

@media screen, projection {

	/* Reset  - do NOT modify!
	-------------------------------------*/
	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;
	}




	/* Basic Elements
	-------------------------------------*/
	html, body { height: 100%; }

	body {
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-weight: normal;
		font-size: 62.5%; /* 1em = 10px */
		line-height: 1.5em;
		color: #3d4c4b;
		background-color: white;
		letter-spacing: -0.5px;
	}
	
	strong { font-weight: 600; }
	
	em { font-style: italic; }
	
	#container {
		position: relative;
		float: left;
		width: 100%;
		font-size: 1.4em;
		line-height: 1.2em;
		min-width: 1170px;
		margin: 0px;
	}

	/* Generic Classes
	-------------------------------------*/
	/* --- Photo list --- */
	
	.photo-list {
		float: left;
		width: 100%;
	}

	.photo-list dt {
		clear: both;
		float: right;
		width: 350px;
	}

	.photo-list dd.picture {
		float: left;
		width: 150px;
		margin-right: 10px;
	}

	.photo-list dd.summary {
		float: right;
		width: 350px;
	}

	.photo-list dd.clearer { margin-bottom: 20px; }

	#photo-list-lead-image {
		float: left;
		margin: 0 10px 3px 0;
	}


	/* --- Messages --- */

	.error {
		float: left;
		width: 100%;
		display: block;
		color: #B90000;
		font-weight: 600;
	}

	.notice {
		display: block;
		color: #00A600;
		font-weight: 600;
		margin: 1em 0
	}

	#player-overlay {
		width: 100%;
		height: 0;
		padding-bottom: 58%;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.content-2021102113274415#player-overlay-wrapper {
		width: 500px;
		max-width:100%;
	}
	.content-2021102113274415 #player-overlay {
		padding-bottom: 170%;
	}

	#nasveti {
		margin-top: 50px;
	}


	/* --- Other --- */

	img.left {
		float: left;
		margin: 3px 20px 3px 0px;
	}

	img.right {
		float: right;
		margin: 3px 0px 3px 20px;
	}

	/* use to clear floats */
	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}
	
	.group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


	/* Header
	-------------------------------------*/
	
	#header-wrapper {
		position: relative;
		float: left;
		width: 100%;
		min-width: 1170px;
		/*height: calc(446px + 140px);*/
		height: auto !important;
		overflow: hidden;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		width: 1170px;
		height: 144px;
	}

	#header h1,
	#header em.logo {
		position: absolute;
		top: 38px;
		left: 0px;
		display: block;
		width: 330px;
		height: 76px;
	}

	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active,
	#header em a:link, #header em a:visited, #header em a:hover, #header em a:active {
		display: block;
		width: 100%;
		height: 100%;
		background: url('../images/backgrounds/logo.png') left top no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#certificat {
		position: absolute;
		top: 31px;
		right: 0px;
		display: block;
		background: url('../images/certificat-iso9001.png') left top no-repeat;
		width: 237px;
		height: 79px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#lead-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 302px;
	}	
	
	.lead-slide {
		float: left;
		width: 100%;
		height: 302px;
	}
	
	#lead-slide-1 { background: url('../images/lead/lead-1.jpg') center top repeat-x; }
	#lead-slide-2 { background: url('../images/lead/lead-2.jpg') center top repeat-x; }
	#lead-slide-3 { background: url('../images/lead/lead-3.jpg') center top repeat-x; }
	#lead-slide-4 { background: url('../images/lead/lead-4.jpg') center top repeat-x; }
	#lead-slide-5 { background: url('../images/lead/lead-5.jpg') center top repeat-x; }
	
	h2.lead-slide-text {
		position: relative;
		left: 0px;
		margin: 0 auto;
		width: 1170px;
		padding: 212px 0px 0px 0px;
		color: white;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-weight: normal;
		font-size: 3.6em;
		line-height: 1.1em;
		letter-spacing: -2px;
		display: block;
	}
	
	h2.lead-slide-text span { color: #00847e; }
	
	#search-wrapper {
		float: left;
		width: 100%;
		min-width: 1170px;
		padding: 12px 0px 15px 0px;
		background: #00b7af;
	}
	
	#body-content #search-wrapper { margin: 30px 0px -25px 0px; }
	
	#search {
		position: relative;
		margin: 0 auto;
		width: 1170px;
	}
	
	#search-by-dent, #search-by-dent-cnt, #search-by-place-cnt {
		position: relative;
		float: left;
		width: 499px;
	}
	
	#search-by-dent-cnt, #search-by-place-cnt { width: 100%; }
	
	#search h2 {
		color: #D7DDDA;
		float: left;
		width: 100%;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 2.15em;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 1.1em;
		padding: 0px 0px 13px 0px;
	}
	
	#search form, #text-content-container #search-by-dent-cnt form, #text-content-container #search-by-place-cnt form {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	#search .search-input, #search-by-dent-cnt .search-input, #search-by-place-cnt .search-input  {
		float: left;
		width: 379px;
		height: 30px;
		padding: 5px 10px;
		background: #f9f9f9;
		border: none;
		line-height: 1.2em;
		font-size: 1em;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
	}
	
	#search-by-dent-cnt .search-input, #search-by-place-cnt .search-input {
		border: 1px solid #3d4c4b;
		padding: 4px 10px;
	}
	
	#search #search-by-place .search-input, #search-by-place .search-input { width: 439px; }
	
	#search .search-submit, #search-by-dent-cnt .search-submit, #search-by-place-cnt .search-submit {
		float: left;
		width: 100px;
		text-align: center;
		background: #113736;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		border: none;
		height: 40px;
		padding: 5px 0px;		
		color: white;
		border: none;
		cursor: pointer;
	}
	
	#search .search-submit:hover, #search-by-dent-cnt .search-submit:hover { 
		background: #C04D30; 
		color: #d7ddda;
	}
	
	#search p {
		float: left;
		width: 100%;
		color: #d7dddb;
		padding-top: 10px;
	}
	
	#text-content-container #search-by-dent-cnt p, #text-content-container #search-by-place-cnt p {
		position: relative;
		top: -2px;
		float: left;
		width: 254px;
		padding: 0px 0px 0px 15px;
	}
	
	#text-content-container #search-by-place-cnt p { width: 314px; }
	
	#search-by-place {
		position: relative;
		float: right;
		width: 499px;
	}
	
	a.select-open:link, a.select-open:visited, a.select-open:hover, a.select-open:active {
		float: left;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-search-select.png') left top no-repeat;
		display: block;
	}
	
	a.select-open:hover { background-position: left bottom; }
	
	.place-select, #text-content-container .place-select {
		position: absolute;
		top: 86px;
		left: -1px;
		z-index: 20;
		background: #f9f9f9;
		width: 459px;
		padding: 0px 0px 10px 0px;
		border: 1px solid #113736;
		border-top: 1px dotted #113736;
		display: none;
	}
	
	#search-by-place-cnt .place-select {
		top: 39px;
		left: 0px;
		width: 439px;
	}
	
	.place-select li, #text-content-container #search-by-place-cnt  .place-select li {
		float: left;
		width: 439px;
		padding: 2px 10px;
		list-style-type: none;
	}
	
	#text-content-container #search-by-place-cnt  .place-select li { width: 419px }
	
	.place-select li a:link, .place-select li a:visited, .place-select li a:hover, .place-select li a:active,
	#text-content-container .place-select li a:link, #text-content-container .place-select li a:visited, 
	#text-content-container .place-select li a:hover, #text-content-container .place-select li a:active	{
		text-decoration: none;
		color: #113736;
		float: left;
		width: 100%;
	}
	
	.place-select li a:hover, #text-content-container .place-select li a:hover { color: #d7ddda; }
	
	.place-select li:hover, #text-content-container .place-select li:hover { background: #113736; }
	
	#info-wrapper {
		background-color:#c04d30;
	}
	#info-wrapper-inner {
		position: relative;
		margin: 0 auto;
		width: 1170px;
		max-width:90%;
		padding-bottom:15px;
		
	}

	#info-wrapper-inner h2 {
		color: #fff;
		float: left;
		width: 100%;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 1.1em;
		padding: 15px 0px 7px 0px;
	}

	#info-wrapper-inner p {
		color: #D7DDDA;
		margin-bottom:10px;
		padding-left: 27px;
	}

	#info-wrapper-inner a {
		color: #fff !important;
	}

	#info-wrapper-inner .msg-more {
		position: relative;
		display: block;
		bottom: 10px;
		left: 0px;		
		height: 20px;		
		overflow: hidden;
		background-image: url(../images/backgrounds/bgnd-absence-more.png);
		background-position: top left;
		background-size: 20px;
		background-repeat: no-repeat;
		z-index: 10;
		padding-left: 27px;
		margin-top: 15px;
	}

	#info-wrapper-inner .msg-more:hover {
		background-position: bottom left;
	}

	/* Content
	-------------------------------------*/
	
	#content-area {
		float: left;
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		min-width: 1170px;
		padding: 28px 0px 0px 0px;
	}
	
	#content-wrapper {
		position: relative;
		margin: 0 auto;
		width: 1170px;
	}
	
	#sidebar {
		float: left;
		width: 370px;
		margin-right: 30px;
	}
	
	a.sidebar-box:link, a.sidebar-box:visited, a.sidebar-box:hover, a.sidebar-box:active {
		position: relative;
		float: left;
		display: block;
		width: 170px;
		height: 146px;
		background: url('../images/our-waiting.png') left top no-repeat;
		text-decoration: none;
	}
	
	a#national-waiting:link, a#national-waiting:visited, a#national-waiting:hover, a#national-waiting:active {
		margin-left: 30px;
		background: url('../images/national-waiting.png') left top no-repeat;
	}
	
	a.sidebar-box span {
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: block;
		width: 160px;
		padding: 0px 5px 10px 5px;
		text-align: center;
		color: #3d4c4b;
	}
	
	a#our-waiting:hover span, a#national-waiting:hover span { color: #00b7af; }
	
	
	#entry, #content {
		position: relative;
		float: left;
		width: 770px;
	}
	
	.entry-col {
		position: relative;
		float: left;
		width: 370px;
	}
	
	#entry-col-2 { margin-left: 30px; }
	
	#absence-wrapper {
		position: relative;
		float: left;
		padding: 0px 70px 0px 70px;
		width: 230px;
		min-height: 634px;
		background: #00b7af;
	}
	
	#absence-wrapper-empty {
		position: relative;
		float: left;
		padding: 0px 70px 0px 70px;
		width: 230px;
		min-height: 200px;
		background: #00b7af;
	}
	
	#absence-wrapper h2, #absence-wrapper-empty h2 {
		float: left;
		width: 370px;
		margin: 0px -70px 0px -70px;
		padding: 48px 0px 0px 0px;
		text-align: center;
		color: #d7ddda;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-weight: normal;
		font-size: 2.15em;
		line-height: 1.1em;
		letter-spacing: -2px;		
	}
	
	#absence {
		position: relative;
		float: left;
		width: 230px;
	}
	
	#absence-empty {
		position: relative;
		float: left;
		width: 252px;
		margin: 15px 0 0 -9px;		
	}
	
	.absence-part {
		float: left;
		width: 100%;
		min-height: 485px;
	}
	
	.absence-part li {
		position: relative;
		float: left;
		width: 100%;
		padding: 15px 0px 15px 0px;
		border-top: 1px dotted #113736;
	}
	
	.absence-part li.first { border: none; }
	
	#absence p {
		float: left;
		width: 100%;
	}
	
	#absence p.date {
		color: #d7ddda;
		font-size: 0.9em;
		line-height: 1em;
	}
	
	#absence p.title-place, #absence-empty p.title-place {
		padding: 5px 0px 2px 0px;
	}
	
	#absence p.title-place a:link, #absence p.title-place a:visited, #absence p.title-place a:hover, #absence p.title-place a:active {
		text-decoration: none;
		color: #3d4c4b;
		font-size: 1em;
		line-height: 1.4em;
	}
	
	#absence p.title-place a:hover { text-decoration: underline; }
	
	#absence p.doctor {
		font-size: 0.9em;
		line-height: 1.4em;
	}	
	
	#absence p.doctor a:link, #absence p.doctor a:visited, #absence p.doctor a:hover, #absence p.doctor a:active {
		text-decoration: none;
		color: #c04d30;
	}
	
	#absence-empty p.doctor a:link, #absence-empty p.doctor a:visited, #absence-empty p.doctor a:hover, #absence-empty p.doctor a:active {
		text-decoration: none;
		color: #c04d30;
	}
	
	#absence p.doctor a:hover { text-decoration: underline; }
	#absence-empty p.doctor a:hover { text-decoration: underline; }
	
	a#prev:link, a#prev:visited, a#prev:hover, a#prev:active, 
	a#next:link, a#next:visited, a#next:hover, a#next:active {
		position: absolute;
		display: block;
		top: 1px;
		left: 1px;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-prev.png') left top no-repeat;
		z-index: 10;
	}
	
	a#next:link, a#next:visited, a#next:hover, a#next:active {
		left: auto;
		right: 1px;
		background: url('../images/backgrounds/bgnd-next.png') left top no-repeat;
	}
	
	a#prev:hover, a#next:hover { background-position: left bottom; }
	
	#pagging {
		float: left;
		width: 100%;
	}
	
	#pagging a:link, #pagging a:visited, #pagging a:hover, #pagging a:active {
		display: block;
		width: 11px;
		height: 11px;
		overflow: hidden;
		text-indent: -9999px;
		background: #d7ddda;
		float: left;
		margin-right: 3px;
	}
	
	#pagging a:hover, 
	#pagging a.selected:link, #pagging a.selected:visited, #pagging a.selected:hover, #pagging a.selected:active { background: #113736; }
	
	a#absence-more:link, a#absence-more:visited, a#absence-more:hover, a#absence-more:active {
		position: absolute;
		display: block;
		bottom: 1px;
		right: 1px;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-more.png') left top no-repeat;
		z-index: 10;	
	}
	
	a#absence-more:hover { background-position: left bottom; }
	
	.absence-more {
		position: relative;
		float: right;
		z-index:10;
		display: block;
		width: 22px;
		height: 22px;
		background: url('../images/backgrounds/bgnd-popup-icon.png') left top no-repeat;
		cursor: pointer;
		margin-bottom: -14px;
		margin-right: 1px;
	}
	
	.absence-more:hover { background-position: left bottom; }
	
	.absence-more-text {
		position: absolute;
		top: -61px;
		right: 24px;
		z-index: 12;
		width: 206px;
		height: 157px;
		display: none;
	}
	
	#absence .absence-more-text p {
		position: relative;
		display: block;
		float: right;
		width: 153px;
		padding: 17px 31px 25px 22px;
		height: 115px;
		font-size: 0.85em;
		line-height: 1.4em;
		color: #3d4c4b;	
		background: url('../images/backgrounds/bgnd-popup.png') left top no-repeat;
	}
	
	.absence-more:hover .absence-more-text { display: block; }
	
	#entry-calls {
		position: relative;
		float: left;
		width: 230px;
		margin-bottom: 30px;
		min-height: 404px;
		padding: 0px 70px 0px 70px;
		background: #d7ddda;
	}
	
	#entry-calls h2 {
		position: relative;
		left: -2px;
		float: left;
		width: 100%;
		color: #113736;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 2.15em;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 1.1em;
		padding: 48px 0 0;
	}	
	
	#entry-calls ul, #entry-calls ul li {
		float: left;
		width: 100%;
	}
	
	#entry-calls ul li {
		border-top: 1px dotted #113736;
		padding: 15px 0;
		position: relative;
		line-height: 1.4em;
	}
	
	#entry-calls ul li.first { border: none; }
	
	#entry-calls ul li a:link, #entry-calls ul li a:visited, #entry-calls ul li a:hover, #entry-calls ul li a:active {
		color: #3d4c4b;
		text-decoration: none;
	}
	
	#entry-calls ul li a:hover { text-decoration: underline; }
	
	a#calls-more:link, a#calls-more:visited, a#calls-more:hover, a#calls-more:active {
		position: absolute;
		display: block;
		bottom: 1px;
		right: 1px;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-more.png') left top no-repeat;
		z-index: 10;	
	}
	
	a#calls-more:hover { background-position: left bottom; }	
	
	
	#entry-msg {
		position: relative;
		float: left;
		width: 230px;
		min-height: 180px;
		padding: 0px 70px 20px 70px;
		background: #c04d30;
	}
	
	#entry-msg h2 {
		position: relative;
		left: -2px;
		float: left;
		width: 100%;
		color: #113736;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 2.15em;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 1.1em;
		padding: 48px 0 0;
	}

	#entry-msg ul, #entry-msg ul li {
		float: left;
		width: 100%;
	}
	
	#entry-msg ul li {
		padding: 15px 0px 0px 0px;
		position: relative;
		line-height: 1.4em;
	}
	
	#entry-msg ul li a:link, #entry-msg ul li a:visited, #entry-msg ul li a:hover, #entry-msg ul li a:active {
		color: #d7ddda;
		text-decoration: none;
	}
	
	#entry-msg ul li a:hover { text-decoration: underline; }
	
	a#msg-more:link, a#msg-more:visited, a#msg-more:hover, a#msg-more:active {
		position: absolute;
		display: block;
		bottom: 1px;
		right: 1px;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/bgnd-absence-more.png') left top no-repeat;
		z-index: 10;	
	}
	
	a#msg-more:hover { background-position: left bottom; }	
	
	#entry-msg span.date {
		float: left;
		width: 100%;
	}
	
	#entry-msg span.date a:link, #entry-msg span.date a:visited, #entry-msg span.date a:hover, #entry-msg span.date a:active {
		color: #fbf3f1;
		text-decoration: none;
	}
	
	#entry-msg span.date a:hover { text-decoration: underline; }
	
	
	#text-content-container #clinic-list {
		float: left;
		clear: both;
		/*width: 100%;*/
		margin-top: 25px;
	}
	
	#text-content-container #clinic-list td {
		border: none;
		padding: 4px 26px 4px 0px;
		vertical-align: top;
	}
	
	#text-content-container #clinic-list td.title a:link, #text-content-container #clinic-list td.title a:visited, 
	#text-content-container #clinic-list td.title a:hover, #text-content-container #clinic-list td.title a:active {
		padding-left: 19px;
		color: #3d4c4b;
		text-decoration: none;
		float: left;
		background: url('../images/backgrounds/bgnd-bullet.png') left 1px no-repeat;
	}
	
	#text-content-container #clinic-list td.title a:hover { text-decoration: underline; }
	
	#text-content-container #clinic-list td.place { color: #c04d30; }
	
	#text-content-container #clinic-list td.more { padding-right: 0px; }
	
	#text-content-container #clinic-list td.more a:link, #text-content-container #clinic-list td.more a:visited, 
	#text-content-container #clinic-list td.more a:hover, #text-content-container #clinic-list td.more a:active {
		color: #3d4c4b;
		text-decoration: none;
	}
	
	#text-content-container #clinic-list td.more a:hover { text-decoration: underline; }
	
	#text-content-container ul#box-list {
		float: left;
		width: 100%;
		padding: 21px 0px 0px 0px;
		margin-bottom: -30px;
	}
	
	#text-content-container ul#box-list li {
		position: relative;
		float: left;
		margin: 0px 30px 30px 0px;
		padding: 0px 10px 0px 10px;
		width: 150px;
		height: 200px;
		list-style-type: none;
		background: #d7ddda;
	}
	
	#text-content-container ul#box-list li.last { margin-right: 0px; }
	
	#text-content-container ul#box-list h3, #text-content-container ul#box-list h4, #text-content-container ul#box-list h5 {
		float: left;
		width: 100%;
		text-align: center;
		line-height: 1.1em;
		font-size: 1.1em;
		font-weight: normal;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		letter-spacing: -1px;
	}
	
	#text-content-container ul#box-list h3 { 
		font-weight: 600; 
		padding: 18px 0px 0px 0px;
		line-height: 1.3em;
	}
	
	#text-content-container ul#box-list h3 a:link, #text-content-container ul#box-list h3 a:visited, 
	#text-content-container ul#box-list h3 a:hover, #text-content-container ul#box-list h3 a:active {
		text-decoration: none;
		color: #3d4c4b;
	}
	
	#text-content-container ul#box-list h3 a:hover { text-decoration: underline; }
	
	#text-content-container ul#box-list h4 {
		color: #c04d30;
		padding: 10px 0px 0px 0px;
	}
	
	#text-content-container ul#box-list h5 { 
		padding: 7px 0px 0px 0px; 
		font-size: 0.9em;
		line-height: 1.4em;
		letter-spacing: -0.5px;
	}
	
	#text-content-container ul#box-list h5 a:link, #text-content-container ul#box-list h5 a:visited, 
	#text-content-container ul#box-list h5 a:hover, #text-content-container ul#box-list h5 a:active {
		text-decoration: none;
		color: #3d4c4b;
	}	
	
	#text-content-container ul#box-list h5 a:hover { text-decoration: underline; }
	
	#text-content-container a.box-more:link, #text-content-container a.box-more:visited, #text-content-container a.box-more:hover, #text-content-container a.box-more:active {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: url('../images/backgrounds/bgnd-box-more.png') left top no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		z-index: 2;
		width: 25px;
		height: 25px;
	}
	
	#text-content-container a.box-more:hover { background-position: left bottom; }
	
	#text-wrapper {
		float: left;
		width: 100%;
		padding: 5px 0px 40px 0px;
	}
	
	#contact {
		float: left;
		width: 500px;
	}
	
	#text-content-container #contact h3 {
		color: #c04d30;
		font-weight: 600;
	}
	
	#address {
		float: right;
		width: 270px;
		text-align: left;
	}
	
	#text-content-container #address h3 {
		font-weight: 600;
	}	
	
	#text-content-container h2.title {
		float: left;
		width: 100%;
		border-bottom: 1px dotted #113736;
		font-size: 1.4em;
		line-height: 1.1em;
		padding: 25px 0px 2px 0px;
		margin-bottom: 3px;
		font-weight: 600;
		letter-spacing: -1px;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
	}
	
	#scheduler-wrapper {
		float: left;
		width: 100%;
	}
	
	table#scheduler {
		float: left;
		width: 497px;
	}
	
	#text-content-container table#scheduler td.day {
		background: #00b7af;
		border: 1px solid #D7DDDA;
		border-top: 2px solid #D7DDDA;
		color: #d7ddda;
		width: 86px;
		vertical-align: middle;
	}
	
	#text-content-container table#scheduler td.cell-col-1 { padding-right: 10px; }
	
	#text-content-container table#scheduler td.cell-col-2 { padding-left: 10px; }
	
	#text-content-container .absence-items, #text-content-container .absence-items li {
		float: left;
		width: 100%;
		padding-bottom: 0px;
	}
	
	#text-content-container .absence-items li { 
		list-style-type: none; 
		padding-bottom: 10px;
	}
	
	#text-content-container .absence-items p { padding-bottom: 0px; }
	
	#text-content-container .absence-items p.additional { font-style: italic; }
	
	#text-content-container .absence-items li strong { font-size: 1.1em; }
	
	#text-content-container .absence-items h2 {
		float: left;
		width: 100%;
		color: #00B7AF;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-weight: normal;
		font-size: 1.3em;
		line-height: 1.1em;
		letter-spacing: -1px;	
		padding-bottom: 0px;
	}
	
	#absence-cnt {
		position: relative;
		float: left;
		width: 370px;
		height: 144px;
		margin-right: 30px;
		background: #00b7af;
	}
	
	#absence-cnt h2 {
		float: left;
		width: 100%;
		height: 144px;
		color: #d7ddda;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-weight: normal;
		font-size: 2.15em;
		line-height: 1.1em;
		letter-spacing: -2px;		
	}
	
	#absence-cnt h2 a:link, #absence-cnt h2 a:visited, #absence-cnt h2 a:hover, #absence-cnt h2 a:active {
		display: block;
		color: #d7ddda;
		padding: 48px 0px 0px 0px;
		height: 96px;		
		text-decoration: none; 
		text-align: center;
	}
	
	a#absence-cnt-more:link, a#absence-cnt-more:visited, a#absence-cnt-more:hover, a#absence-cnt-more:active {
		position: absolute;
		bottom: 1px;
		right: 1px;
		background: url('../images/backgrounds/bgnd-more.png') left top no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		z-index: 2;
		width: 40px;
		height: 40px;
	}
	
	a#absence-cnt-more:hover { background-position: left bottom; }
	
	#body-content #entry-msg { 
		min-height: 134px; 
		padding-bottom: 10px;
	}
	
	#body-content #entry-msg h2 { padding-top: 18px; }
	
	#body-content a#msg-more:hover { background-position: left bottom; }
	
	
	#content h1 {
		float: left;
		width: 100%;
		color: #00b7af;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-size: 1.75em;
		line-height: 1.1em;
		margin: -5px 0px 0px 0px;
	}

	#text-content-container {
		float: left;
		width: 100%;
		padding-bottom: 40px;
		min-height: 395px;
	}

	#text-content-container p {
		padding-bottom: 1.2em;
	}

	#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
		color: #00b7af;
		text-decoration: underline;
	}
	
	#text-content-container a.back-to-list:link,
	#text-content-container a.back-to-list:link,
	#text-content-container a.back-to-list:link,
	#text-content-container a.back-to-list:link {
		color: #D7DDDA;
		text-decoration: underline;	
		background: url("../images/backgrounds/bgnd-back.png") no-repeat scroll -20px top #00B7AF;
		height: 20px;
		width: 20px;
		padding-left: 25px;
		
	}
	
	#text-content-container a span {
		color: #D7DDDA;
		padding: 0 15px;
	}
	#text-content-container div.back {
		margin-top: 50px;
	}

	#text-content-container a:hover { text-decoration: none; }
	
	#text-content-container h2 {
		padding-bottom: 1.2em;
		font-size: 1.1em;
		color: #C04D30;
		font-weight: bold;
		clear: both;
	}
	
	#text-content-container h3 {
		padding-bottom: 1.2em;
		font-size: 0.9em;
		color: #8C8D8C;
		font-weight: bold;
		clear: both;
	}
	
	#text-content-container blockquote {
		padding: 3%;
		width: 94%; 
		background: #F2F2F2;
		margin-bottom: 15px;
	}
	
	#text-content-container blockquote p {
		padding-bottom: 0;
	}

	/* external link */
	#text-content-container a.external {
		padding-right: 12px;
		background: url('../images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
	}


	/* --- video --- */

	span.video-placeholder {
		clear: both;
		padding: .7em 0px .7em 0px;
		display: block;
	}


	/* --- unsorted list --- */

	#text-content-container ul { 
		padding-bottom: 1em; 
		margin-left: 15px;
	}

	#text-content-container ul li {
		margin-bottom: .3em;
		list-style-type: square;
		list-style-position: inside;
	}
	
	#text-content-container ul.cnt-list li span.date {
		margin-right: 10px;
	}
	
	#text-content-container ul.news-archive li { 
		list-style-type: none; 
		list-style-position: outside;
	}
	
	#text-content-container ul.news-list span.date { padding-right: 5px; }


	/* --- numbered list --- */

	#text-content-container ol { padding-bottom: 1em; }

	#text-content-container ol li {
		margin-bottom: .3em;
		list-style-type: decimal;
		list-style-position: inside;
	}


	/* --- Attachments list --- */

	#text-content-container ul.attachments-list li { list-style-type: none; }


	/* --- tables --- */

	#text-content-container table th {
		padding: 7px 6px 6px 6px;
		border: 1px solid #d7ddda;
		font-weight: normal;
		text-align: left;
		background: #d7ddda;
	}

	#text-content-container table td {
		padding: 6px 6px 7px 6px;
		border: 1px solid white;
		background: #F2F2F2;
	}

	#text-content-container table caption {
		margin-bottom: .3em;
		text-align: left;
		font-weight: 600;
	}
	
	#text-content-container table {
		width: 100%;
	}


	/* --- Icons in content --- */

	#text-content-container a.lipdf {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/pdf.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lidoc {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/doc.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lixls,
	#text-content-container a.lixlsx {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/xls.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lippt {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ppt.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lizip {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/zip.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liai {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ai.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liexe {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/exe.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liimage {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/file.gif) 0% .2em no-repeat;
	}


	/* --- Search results --- */

	#search-main-form { margin-bottom: 1em }

	#text-content-container .search-results-row a:link, #text-content-container .search-results-row a:visited, #text-content-container .search-results-row a:hover, #text-content-container .search-results-row a:active {
		font-size: 1.1em;
		font-weight: 600;
		color: black;
	}

	#text-content-container .search-results-row a:visited { color: #666 }

	.search-results-url {
		display: block;
		width: 100%;
		font-style: italic;
		font-size: .9em;
		word-break: break-all;
		color: green;
	}
	
	#text-content-container ul.pagging {
		float: left;
		width: 100%;
		padding-bottom: 40px;
	}
	
	#text-content-container ul.pagging li {
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0 3px 0px 0px;
	}
	
	#text-content-container ul.pagging li {
		margin: 0 -5px 0px 0px;
	}
	
	#text-content-container ul.pagging li a:link, #text-content-container ul.pagging li a:visited, #text-content-container ul.pagging li a:hover, #text-content-container ul.pagging li a:active {
		text-decoration: none;
		padding: 5px 5px 4px 5px;
		background: #606060;
		border: 1px solid #333;
		color: white;
	}
	
	#text-content-container ul.pagging li.active a:link, #text-content-container ul.pagging li.active a:visited, 
	#text-content-container ul.pagging li.active a:hover, #text-content-container ul.pagging li.active a:active,
	#text-content-container ul.pagging li a:hover{ background: #B90000; }


	/* --- Photogallery --- */

	#photo-gallery-container { 
		float: left;
		width: 100%;
		margin: 1em 0;
	}

	.photo-gallery-item {
		position: relative;
		float: left;
		width: 147px;
		padding: 7px;
		margin-right: 7px;
		margin-bottom: 7px;
		-webkit-box-shadow: 1px 1px 4px #AAAAAA;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		text-align: center;
	}

	.photo-gallery-item img.photo-gallery { margin: 0 auto }

	#text-content-container .photo-gallery-item p {
		margin-top: .7em;
		text-align: left;
		line-height: 1.1;
		font-size: .95em;
		overflow: hidden;
	}

	.photo-gallery-item p strong { display: block }


	/* Footer
	-------------------------------------*/
	#footer-area {
		position: relative;
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	
	#footer-wrapper {
		float: left;
		width: 100%;
		padding: 52px 0px 31px 0px;
		background: #d7ddda;
		margin-bottom: 5px;
	}
	
	#footer {
		position: relative;
		margin: 0 auto;
		width: 1170px;
	}
	
	#bussiness-map {
		position: relative;
		float: left;
		width: 370px;
		height: 355px;
		margin-right: 101px;
		background: url('../images/bussiness-card-map.jpg') left top no-repeat;
	}
	
	#bussiness-card {
		position: absolute;
		top: -9px;
		left: 33px;
		background: url('../images/backgrounds/bgnd-bussiness-card.png') left bottom no-repeat;
		width: 269px;
		height: 241px;
		padding: 25px 0px 0px 38px;
	}
	
	#bussiness-card p {
		float: left;
		width: 100%;
		padding: 2px 0px 2px 23px;
		margin-left: -27px;
	}
	
	#bussiness-card h2 {
		font-size: 1em;
		line-height: 1.3em;
		font-weight: 600;
		color: #00b7af;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		letter-spacing: -0.5px;
	}
	
	#bussiness-card p.where-link { 
		margin: 9px 0px 16px 0px; 
		padding: 0px;
	}
	
	#bussiness-card p.where-link a:link, #bussiness-card p.where-link a:visited, #bussiness-card p.where-link a:hover, #bussiness-card p.where-link a:active {
		display: block;
		float: left;
		padding: 11px 37px 11px 39px;
		text-decoration: none;
		color: #d7ddda;
		background: #00b7af;
		text-transform: uppercase;
	}
	
	#bussiness-card p.where-link a:hover {
		background: #d7ddda;
		color: #333;
	}
	
	#write-to-us {
		float: left;
		width: 230px;
		margin-right: 169px;
	}
	
	#write-to-us h2, #intranet h2 {
		float: left;
		width: 100%;
		font-size: 2.15em;
		line-height: 1.1em;
		color: #113736;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		letter-spacing: -0.5px;	
		margin-bottom: 10px;
	}
	
	#write-to-us form, #write-to-us dl, #intranet form, #intranet dl {
		float: left;
		width: 100%;
	}
	
	#write-to-us dt, #write-to-us dd, #intranet dt, #intranet dd {
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	
	#write-to-us dd, #intranet dd { margin: -1px 0px 5px 0px; }
	
	#write-to-us dt.alt label { 
		float: left;
		width: 100%;
		padding-bottom: 10px; 
	}
	
	#write-to-us .racun {
		float: left;
		padding: 11px 7px 12px 0px;
	}
	
	#write-to-us #security2014022115111033 {
		background-color: #F2F2F2;
		border: none;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 1em;
		line-height: 1.1em;
		padding: 10px 0px;
		width: 71px;
		text-align: center;
		height: 21px;
		float: left;
	}
	
	.gdpr-btn {
		margin-top: 10px;
	}
	
	#write-to-us input.input-submit { float: right; }
	
	#copyrights-wrapper {
		float: left;
		width: 100%;
		background: #00b7af;
		height: 111px;
	}
	
	#copyrights {
		position: relative;
		margin: 0 auto;
		width: 1170px;
		padding-top: 10px;
	}
	
	p#copyrights-text, p#authors, p#terms {
		float: left;
		width: 770px;
		color: #c9dad7;
		font-size: 1.3em;
		line-height: 1.1em;
	}
	
	p#authors, p#terms {
		float: right;
		width: 370px;
		text-align: left;
	}
	
	p#authors a:link, p#authors a:visited, p#authors a:hover, p#authors a:active {
		color: #113736;
		text-decoration: underline;
	}

	p#terms a:link, p#terms a:visited, p#terms a:hover, p#terms a:active {
		color: #113736;
		text-decoration: underline;
	}
	
	p#authors a:hover { text-decoration: none; }
	p#terms a:hover { text-decoration: none; }
	
	#intranet {
		float: left;
		width: 230px;
	}
	
	#intranet .input-submit {
		width: 100%;
		margin-top: 15px;
	}




	/* Navigation
	-------------------------------------*/

	/* --- Breadcrumbs --- */

	#breadcrumbs { 
		float: left;
		width: 100%;
		color: #3d4c4b;
		text-transform: lowercase;
		font-size: 0.85em;
		padding-bottom: 15px;
		border-bottom: 1px dotted #113736;
		margin-bottom: 20px;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active {
		color: #3d4c4b;
		text-decoration: none;
	}
	
	#breadcrumbs a:hover { text-decoration: underline; }


	/* --- Main Menu --- */
	
	#menu-area {
		/*float: left;*/
		width: 230px;
		margin-bottom: 31px;
		background: #f2f2f2;
		padding: 40px 70px 37px 70px;
		min-height: 327px;
	}
	

	#main-menu {
		width: 100%;
		/*float: left;*/
	}


	/* Level 1 */

	#main-menu li.menu-level1 {
		float: left;
		width: 100%;
		border-top: 1px dotted #d7ddda;
		padding: 10px 0px 10px 0px;
	}
	
	#main-menu li.first { border: none; }

	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, #main-menu a.menu-level1:hover, #main-menu a.menu-level1:active {
		float: left;
		color: #3d4c4b;
		text-decoration: none;
	}

	#main-menu li.menu-level1-open a.menu-level1:link, 
	#main-menu li.menu-level1-open a.menu-level1:visited, 
	#main-menu li.menu-level1-open a.menu-level1:hover, 
	#main-menu li.menu-level1-open a.menu-level1:active,
	#main-menu li.menu-level1 a.menu-level1:hover {
		color: #00847e;
	}

	#main-menu span.menu-level1 {
		display: block;
		text-transform: uppercase;
		font-size: 1.1em;
		line-height: 1.2em;
		cursor: pointer;
		letter-spacing: -0.5px;
	}

	#main-menu a.menu-level1[title="Nasveti za zdrav nasmeh"] span.menu-level1 {
		background-color: #00b7af;
		color: #ffffff;
		padding: 3px 5px;
	}

	#main-menu a.menu-level1[title="Ambulanta za ustno higieno"] span.menu-level1 {
		/*background-color: #00b7af;*/
		background-color: #1fd6ce;
		color: #ffffff;
		padding: 3px 5px;
	}


	/* Level 2 */
	
	#main-menu ul.menu-level2 {
		float: left;
		width: 210px;
		padding: 3px 3px 5px 17px;
	}

	#main-menu li.menu-level2 {
		float: left;
		width: 100%;
		margin-bottom: 1px;
	}

	#main-menu a.menu-level2:link, #main-menu a.menu-level2:visited, #main-menu a.menu-level2:hover, #main-menu a.menu-level2:active {
		float: left;
		color: #3d4c4b;
		text-decoration: none;
	}

	#main-menu li.menu-level2-open a.menu-level2:link, 
	#main-menu li.menu-level2-open a.menu-level2:visited, 
	#main-menu li.menu-level2-open a.menu-level2:hover, 
	#main-menu li.menu-level2-open a.menu-level2:active,
	#main-menu li.menu-level2 a.menu-level2:hover {
		background: #00847e;
		color: white;
		padding: 0px 0px 0px 3px;
		
	}

	#main-menu span.menu-level2 {
		display: block;
		text-transform: uppercase;
		padding: 1px 22px 0px 0px;
		font-size: 0.8em;
		line-height: 1.2em;
		cursor: pointer;
	}


	/* Forms
	-------------------------------------*/

	.form-group {
		margin-bottom: 10px;
	}

	.form-group label {
		margin-bottom: 3px;
		display: block;
	}

	.form-errors-wrapper {
		margin-bottom: 10px;
	}

	.alert-danger {
		color: #c04d30;
	}
	input {
		position: relative;
	}

	#text-content-container form {
		width: 98%;
		margin-bottom: 1em;
		padding: 1em 1%;
	}

	input.input-text, input.form-control {
		padding: 10px 2% 10px 2%;
		width: 96%;
		border: none;
		background-color: #f2f2f2;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-size: 1em;
		line-height: 1.1em;
	}

	#text-content-container input.input-text, #text-content-container input.form-control {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
		width: 50%;
	}

	input.input-submit {
		background-color: #c04d30;
		color: #d7ddda;
		border: none;
		font-family: "open-sans-n4","open-sans",arial,sans-serif;
		font-size: 1em;
		line-height: 1.1em;
		padding: 10px 0px;
		width: 100px;
		text-align: center;		
		cursor: pointer;
		height: 41px;
	}

	input.input-submit:hover { background: #00B7AF; }
	
	input.input-datepicker {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
		width: 6em;
	}

	textarea {
		padding: 10px 2% 11px 2%;
		width: 96%;
		border: none;
		background-color: #f2f2f2;
		font-family: "open-sans-n4", "open-sans", arial, sans-serif;
		font-size: 1em;
		line-height: 1.1em;
		height: 60px;
	}

	select {
		position: relative;
		padding: .1em 0 .1em .3em;
		border: 1px solid #AAA;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.input-security {
		width: 5em !important;
		margin: 0 0 0 3px;
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	.racun {}

	form span.mandatory { color: #B90000 }


	/* Vertical form */

	.vertical-form {}

	.vertical-form dt {
		margin-top: 1em;
		margin-bottom: .3em;
	}


	/* Horizontal form */

	.horizontal-form { float: left }

	.horizontal-form dt {
		clear: left;
		float: left;
		width: 25%;
		padding-top: .5em;
		margin-top: .6em;
		margin-bottom: .2em;
		margin-right: 2%;
		text-align: right;
	}

	.horizontal-form dt label { text-align: right }

	.horizontal-form dd {
		float: left;
		width: 72.9%;
		margin-top: .6em;
		margin-bottom: .2em;
	}

	fieldset.checkboxes label {
		float: left;
		display: block;
	}

	form dt.alt, 
	form dd.alt {
		text-align: left
	}

	.horizontal-form dt.alt, 
	.horizontal-form dd.alt {
		width: 72.9%;
		padding-top: 0;
		padding-left: 27%;
		margin-right: 0;
	}

	.sidebar-module input,
	.sidebar-module select,
	.sidebar-module textarea {
		font-family: inherit;
		font-size: 1.1em;
	}

	.form-notice {
		float: left;
		width: 96%;
		margin: 2px 0px 10px 0px;
		padding: 3px 2%;
		border: 1px solid #007700;
		color: #007700;
		background-color: #F0FFF0;
	}

	.form-error {
		float: left;
		width: 96%;
		margin: 2px 0px 10px 0px;
		padding: 3px 2%;
		border: 1px solid #B90000;
		color: #B90000;
		background-color: #FFF0F0;
	}

	.form-error li {
		padding: 3px 0;
	}

	#koronavirus {
		background-color:#c04d30;

	}

	#koronavirus .container {
		min-width: 0px;
		width: 85%;
		clear: left;
		float: none;
		position: relative;
		margin: 0 auto 0 auto;
		padding: 15px 0px;
		text-align: center;
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	#koronavirus .container .hand {
		width: 50px;
		margin-right: 10px;
	}

	#koronavirus .container p, #koronavirus .container a, #koronavirus .container li, #koronavirus .container td {
		color: #fff !important;
	}
}




/* Print styles
-------------------------------------*/

@media print {

	body {
		font-size: .9em;
		font-family: "Times New Roman", serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { font-family: "Times New Roman", serif; }
	
	#header h1, #header em.logo {
		display: block;
		font-size: 2em;
		text-decoration: none;
		color: black;
		font-style: normal;
	}

	h1 { font-size: 1.6em; }

	h2 { font-size: 1.4em; }

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }
	
	img.left {
		float: left;
		margin: 0px 15px 3px 0px;
	}
	
	img.right {
		float: right;
		margin: 0px 0px 3px 15px;
	}	
	
	a:link, a:visited, a:hover, a:active {
		color: black !important;
		text-decoration: none !important;
	}	
	
	#bussiness-card {
		padding-top: 70px;
	}
	
	#bussiness-card p {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	#header { padding-bottom: 30px; }
	
	.caroufredsel_wrapper { display: none !important; }
	
	#box-list, #box-list li, #box-list li h2, #box-list li h3, #box-list li h4 {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	#box-list li { padding-bottom: 10px; }
	
	#lead-wrapper, .lead-slide, #search-wrapper, #sidebar, #certificat, #write-to-us, #intranet, #absence-cnt, #body-content #entry-msg, #breadcrumbs, .box-more,
	#search-by-dent-cnt, #search-by-place {
		display: none;
	}
	
}

@media screen and (max-width: 1024px) {

	#container {	min-width: 0px;}	
	#content-area {	min-width: 0px; width: 85%; clear: left; float: none;}	
	#header-wrapper {	min-width: 0px;}
	#search-wrapper {	min-width: 0px; width: 100%; padding: 8px 0 11px;font-size: 95%;}
	#text-content-container .absence-items, #text-content-container .absence-items li {font-size: 95%;}
	#search {width: 95%;}
	#content-wrapper {width: 100%;}
	#copyrights {width: 95%;}
	#header {width: 100%; height: 80px;}
	/*#entry {width: 370px; float: right;}*/
	
	#search .search-input, #search-by-dent-cnt .search-input, #search-by-place-cnt .search-input {width: 70%; padding: 5px 2.5%;}
	#search #search-by-place .search-input, #search-by-place .search-input {width: 85%;}
	#search .search-submit, #search-by-dent-cnt .search-submit, #search-by-place-cnt .search-submit {width: 25%; padding: 5px 0;}
	a.select-open:link, a.select-open:visited, a.select-open:hover, a.select-open:active {width: 10%;}
	
	#search-by-dent, #search-by-dent-cnt, #search-by-place-cnt {width: 45%;}
	#search-by-place {width: 45%;}
	.place-select, #text-content-container .place-select {width: 50%;}
	.place-select li, #text-content-container #search-by-place-cnt .place-select li {width: 80%; padding: 2% 10%;}
	
	#search h2 {font-size: 1.5em; font-weight: bold;}

	#entry-msg {margin-bottom: 30px;}
	
	#footer {width: 85%;}
	#bussiness-map { width: 30%; margin-right:0;}
	#intranet { width: 30%; margin-right:0; margin-left:5%;}
	#write-to-us { width: 30%; margin-left:5%; margin-right:0;}
	#bussiness-card { width: 171px;}
	
	
	
	#header-wrapper {height: 230px;}
	#lead-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
	}	
	
	.lead-slide {
		float: left;
		width: 100%;
		height: 150px;
	}
	
	#lead-slide-1 { background: url('../images/lead/lead-1.jpg') center center repeat-x; }
	#lead-slide-2 { background: url('../images/lead/lead-2.jpg') center center repeat-x; }
	#lead-slide-3 { background: url('../images/lead/lead-3.jpg') center center repeat-x; }
	#lead-slide-4 { background: url('../images/lead/lead-4.jpg') center center repeat-x; }
	#lead-slide-5 { background: url('../images/lead/lead-5.jpg') center center repeat-x; }
	
	h2.lead-slide-text {
		padding: 100px 0px 0px 0px;
		font-size: 2.6em;
		width: 85%;
	}
	
	h2.lead-slide-text span { color: #00847e; }
	
	#certificat {background: url("../images/certificat-iso9001-s.png") no-repeat scroll left top rgba(0, 0, 0, 0); right: -77px;top: 16px;}
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header em a:link, #header em a:visited, #header em a:hover, #header em a:active {background: url("../images/backgrounds/logo-s.png") no-repeat scroll left top rgba(0, 0, 0, 0);}
	
	#header h1, #header em.logo {top: 16px;}
	
	
	#entry, #content {width: 70%;}
	
	.entry-col {	width: 47.5%; font-size: 90%;}
	#entry-calls {	width: 80%; padding: 0 10%; min-height: 330px;}
	#entry-msg {	width: 80%; padding: 0 10%; min-height: 170px;}
	#absence-wrapper-empty, #absence-wrapper {	width: 80%; padding: 0 10%;}
	#entry-col-2 {margin-left:5%;}
	#entry-calls h2{padding: 10% 0 0;}
	
	#absence-wrapper h2, #absence-wrapper-empty h2, #entry-msg h2 {width: 100%; margin:0;padding: 10% 0 0; font-size: 2.0em;}
	#absence-empty {width: 100%;}
	#absence-wrapper, #absence-wrapper-empty {min-height: 170px;}	
	
	#body-content #entry-msg {margin-top: 10px;}
	
	#body-content #search-by-dent-cnt, #body-content #search-by-place-cnt {width: 100%;}
	#body-content #search-by-dent-cnt a.select-open:link, #body-content #search-by-dent-cnt a.select-open:visited, #body-content #search-by-dent-cnt a.select-open:hover, #body-content #search-by-dent-cnt a.select-open:active {width: 40px;}
	#body-content #search-by-dent-cnt .search-input, #body-content #search-by-place-cnt .search-input {width: 300px; padding: 4px 10px;}
	
	#text-content-container #search-by-dent-cnt p, #text-content-container #search-by-place-cnt p {padding: 0;}
	
	#body-content #text-content-container ul#box-list {margin-left: 0px;}
	#text-content-container ul#box-list li {margin: 0 10px 10px 0; width: 116px; font-size: 92%;}
	#text-content-container ul#box-list li.last {margin-right: 10px;}
	#text-content-container ul#box-list h3 {line-height: 1.2em;}
	
	#absence-cnt {width: 47.5%;margin-right: 5%;margin-top: 10px;}
	#body-content #entry-msg {width: 27.5%;}
	#body-content #contact {width:47.5%;margin-right: 5%;}
	#body-content #address {width:47.5%;}
	
	
	
	#sidebar {
		margin-right: 5%;
		width: 25%;
	}	
	
	#menu-area {
		margin-bottom: 31px;
		min-height: 100px;
		padding: 15% 20% 15% 20%;
		width: 60%;
		font-size: 80%;
	}
	
	#main-menu li.menu-level1 {padding: 5% 0;}
	
	#main-menu ul.menu-level2 {
		padding: 3px 3px 5px 17px;
		width: 86%;
	}

	#main-menu li.menu-level2 {margin-bottom: 1px;}

	#main-menu li.menu-level2-open a.menu-level2:link, #main-menu li.menu-level2-open a.menu-level2:visited, #main-menu li.menu-level2-open a.menu-level2:hover, #main-menu li.menu-level2-open a.menu-level2:active, #main-menu li.menu-level2 a.menu-level2:hover {
		padding: 0 0 0 3px;
	}
	
	a.sidebar-box:link, a.sidebar-box:visited, a.sidebar-box:hover, a.sidebar-box:active {
		background-size: 100% 100%;
		width: 45%;
	}
	

	a#national-waiting:link, a#national-waiting:visited, a#national-waiting:hover, a#national-waiting:active {
		background-size: 100% 100%;
		margin-left: 10%;
	}
	
	a.sidebar-box span {width: 90%; padding: 0 5% 5% 5%; font-size: 95%; line-height: 88%;}
	
	#pagging {margin-bottom: 10px;}


}


@media screen and (max-height: 700px) {

	#container {	min-width: 0px;}	
	#content-area {	min-width: 0px; width: 85%; clear: left; float: none;}	
	#header-wrapper {	min-width: 0px;}
	#search-wrapper {	min-width: 0px; width: 100%; padding: 8px 0 11px;font-size: 95%;}
	#text-content-container .absence-items, #text-content-container .absence-items li {font-size: 95%;}
	#search {width: 95%;}
	#content-wrapper {width: 100%;}
	#copyrights {width: 95%;}
	#header {width: 100%; height: 80px;}
	/*#entry {width: 370px; float: right;}*/
	
	#search .search-input, #search-by-dent-cnt .search-input, #search-by-place-cnt .search-input {width: 70%; padding: 5px 2.5%;}
	#search #search-by-place .search-input, #search-by-place .search-input {width: 85%;}
	#search .search-submit, #search-by-dent-cnt .search-submit, #search-by-place-cnt .search-submit {width: 25%; padding: 5px 0;}
	a.select-open:link, a.select-open:visited, a.select-open:hover, a.select-open:active {width: 10%;}
	
	#search-by-dent, #search-by-dent-cnt, #search-by-place-cnt {width: 45%;}
	#search-by-place {width: 45%;}
	.place-select, #text-content-container .place-select {width: 50%;}
	.place-select li, #text-content-container #search-by-place-cnt .place-select li {width: 80%; padding: 2% 10%;}
	
	#search h2 {font-size: 1.5em; font-weight: bold;}

	#entry-msg {margin-bottom: 30px;}
	
	#footer {width: 85%;}
	#bussiness-map { width: 30%; margin-right:0;}
	#intranet { width: 30%; margin-right:0; margin-left:5%;}
	#write-to-us { width: 30%; margin-left:5%; margin-right:0;}
	#bussiness-card { width: 171px;}
	
	
	
	#header-wrapper {height: 230px;}
	#lead-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
	}	
	
	.lead-slide {
		float: left;
		width: 100%;
		height: 150px;
	}
	
	#lead-slide-1 { background: url('../images/lead/lead-1.jpg') center center repeat-x; }
	#lead-slide-2 { background: url('../images/lead/lead-2.jpg') center center repeat-x; }
	#lead-slide-3 { background: url('../images/lead/lead-3.jpg') center center repeat-x; }
	#lead-slide-4 { background: url('../images/lead/lead-4.jpg') center center repeat-x; }
	#lead-slide-5 { background: url('../images/lead/lead-5.jpg') center center repeat-x; }
	
	h2.lead-slide-text {
		padding: 100px 0px 0px 0px;
		font-size: 2.6em;
		width: 85%;
	}
	
	h2.lead-slide-text span { color: #00847e; }
	
	#certificat {background: url("../images/certificat-iso9001-s.png") no-repeat scroll left top rgba(0, 0, 0, 0); right: -77px;top: 16px;}
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header em a:link, #header em a:visited, #header em a:hover, #header em a:active {background: url("../images/backgrounds/logo-s.png") no-repeat scroll left top rgba(0, 0, 0, 0);}
	
	#header h1, #header em.logo {top: 16px;}
	
	
	#entry, #content {width: 70%;}
	
	.entry-col {	width: 47.5%; font-size: 90%;}
	#entry-calls {	width: 80%; padding: 0 10%; min-height: 330px;}
	#entry-msg {	width: 80%; padding: 0 10%; min-height: 170px;}
	#absence-wrapper-empty, #absence-wrapper {	width: 80%; padding: 0 10%;}
	#entry-col-2 {margin-left:5%;}
	#entry-calls h2{padding: 10% 0 0;}
	
	#absence-wrapper h2, #absence-wrapper-empty h2, #entry-msg h2 {width: 100%; margin:0;padding: 10% 0 0; font-size: 2.0em;}
	#absence-empty {width: 100%;}
	#absence-wrapper, #absence-wrapper-empty {min-height: 170px;}	
	
	#body-content #entry-msg {margin-top: 10px;}
	
	#body-content #search-by-dent-cnt, #body-content #search-by-place-cnt {width: 100%;}
	#body-content #search-by-dent-cnt a.select-open:link, #body-content #search-by-dent-cnt a.select-open:visited, #body-content #search-by-dent-cnt a.select-open:hover, #body-content #search-by-dent-cnt a.select-open:active {width: 40px;}
	#body-content #search-by-dent-cnt .search-input, #body-content #search-by-place-cnt .search-input {width: 300px; padding: 4px 10px;}
	
	#text-content-container #search-by-dent-cnt p, #text-content-container #search-by-place-cnt p {padding: 0;}
	
	#body-content #text-content-container ul#box-list {margin-left: 0px;}
	#text-content-container ul#box-list li {margin: 0 10px 10px 0; width: 116px; font-size: 92%;}
	#text-content-container ul#box-list li.last {margin-right: 10px;}
	#text-content-container ul#box-list h3 {line-height: 1.2em;}
	
	#absence-cnt {width: 47.5%;margin-right: 5%;margin-top: 10px;}
	#body-content #entry-msg {width: 27.5%;}
	#body-content #contact {width:47.5%;margin-right: 5%;}
	#body-content #address {width:47.5%;}
	
	
	
	#sidebar {
		margin-right: 5%;
		width: 25%;
	}	
	
	#menu-area {
		margin-bottom: 31px;
		min-height: 100px;
		padding: 15% 20% 15% 20%;
		width: 60%;
		font-size: 80%;
	}
	
	#main-menu li.menu-level1 {padding: 5% 0;}
	
	#main-menu ul.menu-level2 {
		padding: 3px 3px 5px 17px;
		width: 86%;
	}

	#main-menu li.menu-level2 {margin-bottom: 1px;}

	#main-menu li.menu-level2-open a.menu-level2:link, #main-menu li.menu-level2-open a.menu-level2:visited, #main-menu li.menu-level2-open a.menu-level2:hover, #main-menu li.menu-level2-open a.menu-level2:active, #main-menu li.menu-level2 a.menu-level2:hover {
		padding: 0 0 0 3px;
	}
	
	a.sidebar-box:link, a.sidebar-box:visited, a.sidebar-box:hover, a.sidebar-box:active {
		background-size: 100% 100%;
		width: 45%;
	}
	

	a#national-waiting:link, a#national-waiting:visited, a#national-waiting:hover, a#national-waiting:active {
		background-size: 100% 100%;
		margin-left: 10%;
	}
	
	a.sidebar-box span {width: 90%; padding: 0 5% 5% 5%; font-size: 95%; line-height: 88%;}

	#pagging {margin-bottom: 10px;}

}



@media screen and (max-width: 630px) {

	#container {	min-width: 0px;}	
	#content-area {	min-width: 0px; width: 85%; clear: left; float: none;}	
	#header-wrapper {	min-width: 0px;}
	#search-wrapper {	min-width: 0px; width: 100%; padding: 8px 0 11px;font-size: 95%;}
	#text-content-container .absence-items, #text-content-container .absence-items li {font-size: 95%;}
	#search {width: 95%;}
	#content-wrapper {width: 100%;}
	#copyrights {width: 95%;}
	#header {width: 100%; height: 80px;}
	/*#entry {width: 370px; float: right;}*/
	
	#search .search-input, #search-by-dent-cnt .search-input, #search-by-place-cnt .search-input {width: 70%; padding: 5px 2.5%;}
	#search #search-by-place .search-input, #search-by-place .search-input {width: 80%;}
	#search .search-submit, #search-by-dent-cnt .search-submit, #search-by-place-cnt .search-submit {width: 25%; padding: 5px 0;}
	a.select-open:link, a.select-open:visited, a.select-open:hover, a.select-open:active {width: 40px;}
	
	#search-by-dent, #search-by-dent-cnt, #search-by-place-cnt {width: 90%;}
	#search-by-place {width: 90%; float: left;}
	.place-select, #text-content-container .place-select {width: 100%;}
	.place-select li, #text-content-container #search-by-place-cnt .place-select li {width: 80%; padding: 2% 10%;}
	
	#search h2 {font-size: 1.5em; font-weight: bold;}

	#entry-msg {margin-bottom: 30px;}
	
	#footer {width: 85%;}
	#bussiness-map { width: 100%; margin-right:0;margin-top:20px;}
	#intranet { width: 100%; margin-right:0; margin-left:5%;}
	#write-to-us { width: 100%; margin-left:0%; margin-right:0; margin-top:20px;}
	#bussiness-card { width: 85%; padding: 25px 0 0 10%;}
	
	
	
	#header-wrapper {height: calc(230px + 23px);}
	.msg-more {bottom: 4px !important;	}
	#lead-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
	}	
	
	.lead-slide {
		float: left;
		width: 100%;
		height: 150px;
	}
	
	#lead-slide-1 { background: url('../images/lead/lead-1.jpg') center center repeat-x; }
	#lead-slide-2 { background: url('../images/lead/lead-2.jpg') center center repeat-x; }
	#lead-slide-3 { background: url('../images/lead/lead-3.jpg') center center repeat-x; }
	#lead-slide-4 { background: url('../images/lead/lead-4.jpg') center center repeat-x; }
	#lead-slide-5 { background: url('../images/lead/lead-5.jpg') center center repeat-x; }
	
	h2.lead-slide-text {
		padding: 100px 0px 0px 0px;
		font-size: 2.6em;
		width: 85%;
	}
	
	h2.lead-slide-text span { color: #00847e; }
	
	#certificat {background: url("../images/certificat-iso9001-s.png") no-repeat scroll left top rgba(0, 0, 0, 0); right: -77px;top: 16px;}
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header em a:link, #header em a:visited, #header em a:hover, #header em a:active {background: url("../images/backgrounds/logo-s.png") no-repeat scroll left top rgba(0, 0, 0, 0);}
	
	#header h1, #header em.logo {top: 16px;}
	
	
	#entry, #content {width: 100%;}
	
	.entry-col {	width: 100%; font-size: 90%;}
	#entry-calls {	width: 80%; padding: 0 10%; min-height: 330px; margin-top: 10px;}
	#entry-msg {	width: 80%; padding: 0 10%; min-height: 170px;}
	#absence-wrapper-empty, #absence-wrapper {	width: 80%; padding: 0 10%;}
	#entry-col-2 {margin-left:0%;}
	#entry-calls h2{padding: 10% 0 0;}
	
	#absence-wrapper h2, #absence-wrapper-empty h2, #entry-msg h2 {width: 100%; margin:0;padding: 10% 0 0; font-size: 2.0em;}
	#absence-empty {width: 100%;}
	#absence-wrapper, #absence-wrapper-empty {min-height: 170px;}	
	
	#body-content #entry-msg {margin-top: 10px;}
	
	#body-content #search-by-dent-cnt, #body-content #search-by-place-cnt {width: 100%;}
	#body-content #search-by-dent-cnt a.select-open:link, #body-content #search-by-dent-cnt a.select-open:visited, #body-content #search-by-dent-cnt a.select-open:hover, #body-content #search-by-dent-cnt a.select-open:active {width: 40px;}
	#body-content #search-by-dent-cnt .search-input, #body-content #search-by-place-cnt .search-input {width: 300px; padding: 4px 10px;}
	
	#text-content-container #search-by-dent-cnt p, #text-content-container #search-by-place-cnt p {padding: 0;}
	
	#body-content #text-content-container ul#box-list {margin-left: 0px;}
	#text-content-container ul#box-list li {margin: 0 10px 10px 0; width: 116px; font-size: 92%;}
	#text-content-container ul#box-list li.last {margin-right: 10px;}
	#text-content-container ul#box-list h3 {line-height: 1.2em;}
	
	#absence-cnt {width: 47.5%;margin-right: 5%;margin-top: 10px;}
	#body-content #entry-msg {width: 27.5%;}
	#body-content #contact {width:100%;margin-right: 0%;}
	#body-content #address {width:100%; margin-top: 10px;}
	
	
	
	#sidebar {width: 100%;}	
	
	#menu-area {
		margin-bottom: 31px;
		min-height: 100px;
		padding: 15% 20% 15% 20%;
		width: 60%;
		font-size: 80%;
	}
	#main-menu li.menu-level2 {margin-bottom: 1px;}

	#main-menu li.menu-level2-open a.menu-level2:link, #main-menu li.menu-level2-open a.menu-level2:visited, #main-menu li.menu-level2-open a.menu-level2:hover, #main-menu li.menu-level2-open a.menu-level2:active, #main-menu li.menu-level2 a.menu-level2:hover {
		padding: 0 0 0 3px;
	}
	
	a.sidebar-box:link, a.sidebar-box:visited, a.sidebar-box:hover, a.sidebar-box:active {
		background-size: 100% 100%;
		width: 45%;
	}
	

	a#national-waiting:link, a#national-waiting:visited, a#national-waiting:hover, a#national-waiting:active {
		background-size: 100% 100%;
		margin-left: 10%;
	}
	
	a.sidebar-box span {width: 90%; padding: 0 5% 5% 5%; font-size: 95%; line-height: 88%;}
	
	p#copyrights-text, p#authors {width: 100%;}
	#text-content-container {margin-top: 20px;}
	
	#pagging {margin-bottom: 10px;}


}

@media screen and (max-width: 420px) {
	#header-wrapper {
		height: auto !important;
	}

	#info-wrapper-inner {
		min-height: 193px;
	}
}



/* Plugins
-------------------------------------*/


@media projection, screen {

	/**
	 * jQuery lightBox plugin
	 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	 * and adapted to me for use like a plugin from jQuery.
	 * @name jquery-lightbox-0.5.css
	 * @author Leandro Vieira Pinho - http://leandrovieira.com
	 * @version 0.5
	 * @date April 11, 2008
	 * @category jQuery plugin
	 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
	 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
	 */
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width: 22px; 
		float: right;
		padding-bottom: 0.7em;	
	}
	
	
	/**
	 * The "classic" theme CSS for Shadowbox.
	 *
	 * This file is part of Shadowbox.
	 *
	 * Shadowbox is an online media viewer application that supports all of the
	 * web's most popular media publishing formats. Shadowbox is written entirely
	 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
	 * authors can showcase a wide assortment of media in all major browsers without
	 * navigating users away from the linking page.
	 *
	 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
	 * Noncommercial-Share Alike license. This means that it is absolutely free
	 * for personal, noncommercial use provided that you 1) make attribution to the
	 * author and 2) release any derivative work under the same or a similar
	 * license.
	 *
	 * If you wish to use Shadowbox for commercial purposes, licensing information
	 * can be found at http://mjijackson.com/shadowbox/.
	 *
	 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
	 * @copyright   2007-2008 Michael J. I. Jackson
	 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
	 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
	 */

	/*_____________________________________________________  container & overlay  */
	#shadowbox_container, #shadowbox_overlay {
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
	#shadowbox_container {
	  position: fixed;
	  display: block;
	  visibility: hidden;
	  z-index: 999;
	  text-align: center; /* centers #shadowbox in quirks and IE */
	}
	#shadowbox_overlay {
	  position: absolute;
	}

	/*_______________________________________________________________  shadowbox  */
	#shadowbox {
	  position: relative;
	  margin: 0 auto;
	  text-align: left; /* reset left alignment */
	}

	/*____________________________________________________________________  body  */
	#shadowbox_body {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #333;
	  overflow: hidden;
	}
	#shadowbox_body_inner {
	  position: relative;
	  height: 100%;
	}
	#shadowbox_content.html {
	  height: 100%;
	  overflow: auto; /* make html content scrollable */
	}

	/*_________________________________________________________________  loading  */
	#shadowbox_loading {
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	}
	#shadowbox_body, #shadowbox_loading {
	  background-color: #060606; /* should match loading image background color */
	}
	#shadowbox_loading_indicator {
	  float: left;
	  margin: 10px 10px 0 10px;
	  height: 32px;
	  width: 32px;
	  background-image: url(../js/shadowbox/skin/classic/loading.gif);
	  background-repeat: no-repeat;
	}
	#shadowbox_loading span {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 10px;
	  float: left;
	  margin-top: 16px;
	}
	#shadowbox_loading span a:link,
	#shadowbox_loading span a:visited {
	  color: #fff;
	  text-decoration: underline;
	}

	/*____________________________________________________________  title & info  */
	#shadowbox_title, #shadowbox_info {
	  position: relative;
	  margin: 0; /* these must have no vertical margin or padding */
	  padding: 0;
	  overflow: hidden;
	}
	#shadowbox_title_inner, #shadowbox_info_inner {
	  position: relative;
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  line-height: 16px;
	}
	#shadowbox_title {
	  height: 26px;
	}
	#shadowbox_title_inner {
	  font-size: 16px;
	  padding: 5px 0;
	  color: #fff;
	}
	#shadowbox_info {
	  height: 20px;
	}
	#shadowbox_info_inner {
	  font-size: 12px;
	  color: #fff;
	}

	/*_____________________________________________________________________  nav  */
	#shadowbox_nav {
	  float: right;
	  height: 16px;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_nav a {
	  display: block;
	  float: right;
	  height: 16px;
	  width: 16px;
	  margin-left: 3px;
	  cursor: pointer;
	}
	#shadowbox_nav_close {
	  background-image: url(../js/shadowbox/skin/classic/icons/close.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_next {
	  background-image: url(../js/shadowbox/skin/classic/icons/next.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_previous {
	  background-image: url(../js/shadowbox/skin/classic/icons/previous.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_play {
	  background-image: url(../js/shadowbox/skin/classic/icons/play.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_pause {
	  background-image: url(../js/shadowbox/skin/classic/icons/pause.png);
	  background-repeat: no-repeat;
	}

	/*_________________________________________________________________  counter  */
	#shadowbox_counter {
	  float: left;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_counter a {
	  padding: 0 4px 0 0;
	  text-decoration: none;
	  cursor: pointer;
	  color: #fff;
	}
	#shadowbox_counter a.shadowbox_counter_current {
	  text-decoration: underline;
	}

	/*___________________________________________________________________  clear  */
	div.shadowbox_clear {
	  clear: both; /* clear floating counter & nav */
	}

	/*________________________________________________________________  messages  */
	div.shadowbox_message {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 12px;
	  padding: 10px;
	  text-align: center;
	}
	div.shadowbox_message a:link,
	div.shadowbox_message a:visited {
	  color: #fff;
	  text-decoration: underline;
	}
	
	
	
	/*  jquery autocomplete  */
	.ac_results {
		padding: 0px;
		background-color: white;
		overflow: hidden;
		z-index: 99999;
	}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		/* 
		if width will be 100% horizontal scrollbar will apear 
		when scroll mode will be used
		*/
		/*width: 100%;*/
		font: menu;
		font-size: 12px;
		/* 
		it is very important, if line-height not setted or setted 
		in relative units scroll will be broken in firefox
		*/
		line-height: 16px;
		overflow: hidden;
	}


	.ac_odd {
		background-color: #F6F6F6
	}

	.ac_over {
		background-color: #606060;
		color: white;
	}

}

/* DO NOT PUT ANYTHING DOWN HERE! FIND THE APPROPRIATE SECTION ABOVE! THIS IS THE LAST WARNING! */