/* 
 *  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;
	}
	
	sup {
		vertical-align: super;
		font-size: 12px;
	}
	 
	sub {
		vertical-align: sub;
		font-size: 12px;
	} 

	hr {
		border-width: 0px;
		display: block;
		width: 100%;
		margin-top: 0.2em;	
		margin-bottom: 0.2em;
		clear: both;		
	}	




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

	body {
		font-family: "myriad-pro-n3", "myriad-pro", Arial, sans-serif;
		font-weight: 400;
		font-size: 62.5%; /* 1em = 10px */
		line-height: 1.5em;
		color: #333;
		background-color: white;
	}
	
	strong { font-weight: bold; }
	
	em { font-style: italic; }
	i { font-style: italic; }
	
	#container {
		float: left;
		width: 100%;
		min-width: 1252px;
		font-size: 1.3em;
		line-height: 1.0em;
	}
	
	.small-1 #container {
		float: left;
		width: 100%;
		min-width: 870px;
		font-size: 1.3em;
		line-height: 1.0em;
	}

	.logout-button {
		text-decoration: none;
		background-color: #EEEEEE;
		color: #333333;
		padding: 3px 16px 3px 16px;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #CCCCCC;
		display: inline-block;
	}

	#video-conference {
		border: 1px solid white;
	}

	.video-container2 {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		min-height:900px;
	}




	/* Generic Classes
	-------------------------------------*/

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

	.photo-list dt {
		clear: both;
		float: right;
		width: 350px;
	}
	
	.photo-list dt.books-title  {
		color: #c0482f;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.photo-list dt.books-title span.books-date {
		color: #7d7d7d;
		font-size: .9em;
		font-weight: normal;		
	}

	.photo-list dd.picture {
		float: left;
		width: 147px;
		/*margin-right: 10px;*/
	}
	
	.photo-list dd.picture img.ucbeniki {
		padding: 1px;
		width: 75%;
		border: 1px solid #d7d7d7;
	}

	.photo-list dd.summary {
		float: right;
		width: 350px;
	}
	
	.photo-list dd.new, .photo-list dd.more {
		float: right;
		width: 350px;
		color: #c0482f;
		text-transform: uppercase;
		margin-top: 10px;
	}	
	
	.photo-list dd.more a {
		cursor: pointer;
		background: #c0482f;
		color: white !important;
		padding: 2px 40px;
		border-radius: 3px;
		-webkit-border-radius: 3px;	
		text-decoration: none !important;		
		font-size: .8em !important;
	}

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

	#photo-list-lead-image {
		float: left;
		margin: 0 10px 3px 0;
	}
	
	img#photo-list-lead-image.ucbeniki {	
		padding: 1px;
		width: 110px;;
		border: 1px solid #d7d7d7;}		
	
	.back-to {
		display: block; 
		width: 100%;
		margin-top: 2em;
		text-align: right;
		border-top: 1px dotted #d7d7d7;
		float: left;
	}
	
	#text-content-container .back-to a:link, #text-content-container .back-to a:visited, #text-content-container .back-to a:hover, #text-content-container .back-to a:active {
		text-decoration: none;
		padding: 0 7px 2px 15px;
		background: url("/images/backgrounds/bgnd-breadcrumbs-prev.png") no-repeat scroll left 4px #F9F9F9;
		margin-top: 5px;
	}


	/* --- Messages --- */

	.error {
		display: block;
		color: #B90000;
		font-weight: bold;
		margin: 1em 0
	}

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


	/* --- Other --- */

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

	img.right {
		float: right;
		margin: 2px 0px 10px 20px;
	}
	
	img.content-photo {
		max-width: 100%;
	}

	/* use to clear floats */
	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}

	.hidden { display: none }
	
	.break-word { word-wrap: break-word; }
	
	.group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}




	/* Header
	-------------------------------------*/
	
	#header-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 256px;
	}

	
	#header {
		position: relative;
		margin: 0 auto;
		width: 1252px;
		height: 256px;
	}
	
	.small-1 #header {
		position: relative;
		margin: 0 auto;
		width: 100%;
		height: 256px;
	}

	#header h1,
	#header em {
		position: absolute;
		display: block;
		width: 220px;
		height: 100px;
		top: 11px;
		left: 49px;
		z-index: 20;
	}
	
	.small-1 #header h1, .small-1 #header em {
		width: 150px;
		left: 20px;
		width: 150px;
		top: 10px;
	}
	
	.small-1 #header h1 img, .small-1 #header em img {
		max-width: 100%;
	}

	#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%;
		font-size: 4.5em;
		text-decoration: none;
		font-style: normal;
		text-indent: -9999px;
		overflow: hidden;
		/* background: url('../images/backgrounds/logo2.png') left top no-repeat; */
		background: url('/images/backgrounds/svg-logo.svg') left top no-repeat;
		position: relative;
	}
	
	#header h1 a.univerza:link, #header h1 a.univerza:visited, #header h1 a.univerza:hover, #header h1 a.univerza:active,
	#header em a.univerza:link, #header em a.univerza:visited, #header em a.univerza:hover, #header em a.univerza:active {
		position: absolute;
		top: 0;
		background: none;
		height: 15px;
	}

	
	.eng #header h1 a:link, .eng #header h1 a:visited, .eng #header h1 a:hover, .eng #header h1 a:active,
	.eng #header em a:link, .eng #header em a:visited, .eng #header em a:hover, .eng #header em a:active {	
		background: url('/images/backgrounds/logo-eng2.png') left top no-repeat;
	}
	
	a#logo1 {width: 48px !important; position:absolute;}
	a#logo1 img {	float: left;}	
	a#logo2 {height:64px !important; width: 170px !important; position:absolute; left:48px}
	a#logo2 img {	float: left;}	
	a#logo3 {height:36px !important; width: 170px !important; position:absolute; left:48px; top:64px; }
	a#logo3 img {	float: left;}	
		
	.small-1  a#logo1 {width: 34px !important; position:absolute;}
	.small-1  a#logo1 img {	float: left;}	
	.small-1  a#logo2 {height:44px !important; width: 116px !important; position:absolute; left:34px}
	.small-1  a#logo2 img {	float: left;}	
	.small-1  a#logo3 {height:24px !important; width: 116px !important; position:absolute; left:34px; top:44px; }
	.small-1  a#logo3 img {	float: left;}	
	
	#lead-images-wrapper {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 130px;
		min-width: 1252px;
		overflow: hidden;
	}
	
	.small-1 #lead-images-wrapper {
		width: 100%;
		min-width: 775px;
	}
	
	#lead-images-wrapper div {
		float: left;
		width: 100%;
		height: 130px;
	}
	
	#lead-images-wrapper div#lead-images-1 { background: url('/images/lead/lead-1.jpg') center top repeat-x; }
	#lead-images-wrapper div#lead-images-2 { background: url('/images/lead/lead-2.jpg') center top repeat-x; }
	#lead-images-wrapper div#lead-images-3 { background: url('/images/lead/lead-3.jpg') center top repeat-x; }
	#lead-images-wrapper div#lead-images-4 { background: url('/images/lead/lead-4.jpg') center top repeat-x; }
	#lead-images-wrapper div#lead-images-5 { background: url('/images/lead/lead-5.jpg') center top repeat-x; }
	
	#language-area {
		position: absolute;
		top: 7px;
		right: 0px;
		z-index: 20;
		width: 100px;
		font-weight: 300;
	}
	
	#language-area a:link, #language-area a:visited, #language-area a:hover, #language-area a:active {
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		width: 100%;
		color: #c0482f;
		text-decoration: none;
		text-align: center;
		text-transform: lowercase;
		font-weight: bold;
		z-index: 2;
	}
	
	#language-area a:hover { color: #333; }
	
	#language-area span {
		float: left;
		width: 100%;
		border-top: 1px solid #d7d7d7;
		text-align: center;
		color: #b0b0b0;
		position: relative;
		top: -1px;
	}
	
	#language-area span b {
		position: relative;
		top: 0px;	
	}
	
	#search-area {
		position: absolute;
		top: 5px;
		right: 202px;
		z-index: 20;
		width: 280px;
		font-size: 0.9em;
		line-height: 1em;
		font-weight: 300;
	}	
	
	#search-area input {
		float: right;
		margin: 0px 0px 0px 2px;
		border: none;
		background: none;
		color: #c0482f;
		padding: 0px;
		border-radius: 0px;
		-webkit-border-radius: 0px;		
		font-size: 1em;
	}
	
	#search-area #input-search-mini {
		border-bottom: 1px solid #d7d7d7;
		width: 175px;
		padding: 0px 10px 0px 5px;
	}
	
	#search-area .input-submit {
		font-weight: bold;
		text-transform: lowercase;
		margin-top: -1px;
	}
	
	#search-area .input-submit:hover { color: #333; }
	
	/* Entry
	-------------------------------------*/
	
	#entry {
		float: left;
		/*width: 100%;*/
		padding: 20px 0px 50px 0px;
		font-size: 1.16em;
		line-height: 1.2em;
		opacity: 0;
	}	
	
	#entry h2 {
		position: relative;
		float: left;
		width: 100%;
		border-bottom: 1px solid #d7d7d7;
		color: #7d7d7d;
		font-family: "myriad-pro-n3","myriad-pro",Arial,sans-serif;
		font-weight: 400;
		letter-spacing: -1px;
		font-size: 1.8em;
		line-height: 1em;
		padding: 0;
		text-transform: lowercase;
		margin-bottom: 15px;
		padding: 0 0 3px;
	}		
	
	#entry #media-list h2 {
		text-transform: none;
	}
	

	#entry h2 span {
		left: 5px;
		position: relative;
		top: 5px;
	}	
	
	#entry h2 a:link, #entry h2 a:visited, #entry h2 a:hover, #entry h2 a:active {
		position: absolute;
		right: 0px;
		bottom: -1px;
		color: #939393;
		text-decoration: none;
		line-height: 1em;
		font-size: 0.55em;
		letter-spacing: -0.5px;
		background: url('/images/backgrounds/more.png') right top no-repeat;
		width: 47px;
		height: 17px;
	}
	
	.eng #entry h2 a:link, .eng #entry h2 a:visited, .eng #entry h2 a:hover, .eng #entry h2 a:active {width: 62px;}
	
	#entry h2 a:hover { color: #333; }
	
	#news-list-wrapper {
		float: left;
		width: 571px;
		margin-right: 29px;
	}
	
	#news-list-first {
		float: left;	
		width: 270px;
		border-bottom: 1px dashed #d7d7d7;
		position: relative;
		padding-bottom: 15px;
		margin: 2px 29px 0px 0px;
	}
	
	#msg-image {
		float: left;
		margin-top: 15px;
	}
	
	#news-list #msg-image {
		float: left;
		margin-top: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
		max-width: 85px;
	}	
	
	#news-list, #events-list {
		float: left;	
		width: 270px;	
		margin: 2px 0px 0px 0px;
	}
	
	#news-list {
		width: 571px;	
	}
	
	#news-list li, #events-list li {
		float: left;	
		width: 100%;
		border-bottom: 1px dashed #d7d7d7;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
	#news-list li {
		width: 271px;
	}
	
	#news-list li p {
		float: left;
		width: 100%;
		min-height: 5px;
	}
	
	#news-list li p a:link, #news-list li p a:visited, #news-list li p a:hover, #news-list li p a:active {
		color: #333;
		text-decoration: none;
	}
	
	#news-list-wrapper span.title {
		display: block;
		float: left;
		width: 100%;
		font-family: "myriad-pro-n7", "myriad-pro", Arial, sans-serif;
		font-weight: 700;
		padding: 13px 0px 0px 0px;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	#news-list-wrapper #news-list span.title, #news-list-wrapper #news-list span.date {
		float: left;
		width: 100%;
	}
	
	#news-list-wrapper p.abstract a {
		display: block;
		float: left;
		width: 100%;
		font-family: "myriad-pro-n7", "myriad-pro", Arial, sans-serif;
		padding: 0px 0px 0px 0px;
		color: #333;
		text-decoration: none;
	}
	
	#news-list-wrapper span.title a:link, #news-list-wrapper span.title a:visited, #news-list-wrapper span.title a:hover, #news-list-wrapper span.title a:active,
	#events-list span.title a:link, #events-list span.title a:visited, #events-list span.title a:hover, #events-list span.title a:active {
		color: #333;
		text-decoration: none;
	}

	#news-list-wrapper span.title a.exposed:link, 
	#news-list-wrapper span.title a.exposed:visited, 
	#news-list-wrapper span.title a.exposed:hover, 
	#news-list-wrapper span.title a.exposed:active {
		color:#c0482f;
		margin-bottom: 13px;
    	display: block;
	}
	
	#news-list-wrapper span.title a:hover, #events-list span.title a:hover { text-decoration: underline; }
	
	#news-list-wrapper span.date, #events-list span.date, #media-list span.date {
		display: block;
		float: left;
		width: 100%;
		padding: 7px 0px 4px 0px;
		color: #939393;
		font-size: 0.9em;
		line-height: 1em;
	}	
	
	#events-list span.date { padding: 8px 0px 0px 0px; }
	
	#news-list-wrapper a.news-more:link, #news-list-wrapper a.news-more:visited, #news-list-wrapper a.news-more:hover, #news-list-wrapper a.news-more:active,
	#events-list a.events-more:link, #events-list a.events-more:visited, #events-list a.events-more:hover, #events-list a.events-more:active {
		position: absolute;
		bottom: -1px;
		right: 0px;
		display: block;
		width: 44px;
		height: 15px;
		overflow: hidden;
		background: url('/images/backgrounds/bgnd-news-more.jpg') right top no-repeat;
		line-height: 0.9em;
		text-decoration: none;
		color: #939393;
	}
	
	.eng #news-list-wrapper a.news-more:link, .eng #news-list-wrapper a.news-more:visited, .eng #news-list-wrapper a.news-more:hover, .eng #news-list-wrapper a.news-more:active,
	.eng #events-list a.events-more:link, .eng #events-list a.events-more:visited, .eng #events-list a.events-more:hover, .eng #events-list a.events-more:active {	
		width: 54px;
	}
	
	#news-list-wrapper a.news-more:hover, #events-list a.events-more:hover { background-position: right bottom; }
	
	#event-list {
		float: left;
		width: 270px;
		margin-right: 30px;	
	}
	
	#media-list a {
		text-decoration: none !important;	
	}
	#media-list span.title {
		color: #333 !important;
		font-weight: bold;	
	}
	
	#media-list ul {
		margin-left: 6px; 
	}
	
	#media-list ul li {
		margin-bottom: 1px;
		margin-top: 5px;
	}
	
	#media-list ul li:hover {
		background-color: #f2f2f2;
	}
	
	#media-list a.news-more:link, #media-list a.news-more:visited, #media-list a.news-more:hover, #media-list a.news-more:active{
		bottom: -1px;
		display: block;
		height: 15px;
		overflow: hidden;
		background: url('/images/backgrounds/bgnd-news-more.jpg') right top no-repeat;
		line-height: 1em;
		text-decoration: none;
		color: #939393;
		width: 100%;
		border-bottom: 1px dashed #d7d7d7;
		text-align: right;
		
	}	
	
	#media-list a.news-more span {
		margin-right: 20px;
	}

	
	.lastChild {
		margin-right: 0px !important;	
	}
	
	#facebook {
		float: left;
		width: 270px;

	}

	#facebook-inner {
		display: flex;
		flex-wrap: wrap;
	}

	#facebook-inner p {
		margin-bottom: 10px;
		flex: 0 0 auto;
		padding-right: 5px;
	}

	#facebook-inner strong {
		flex: 0 0 100%;
		margin-bottom: 10px;
	}

	#facebook-inner a {
		color: #333;
		text-decoration: none;
	}

	#facebook-inner a .fa {
		font-size: 15px;
		color: #fff;
		border-radius: 50%;
		background-color: #959595;
		width: 30px;
		height: 30px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	
	#intro {
		float: left;
		width: 870px;
		margin-right: 30px;
	}
	
	#intro p { padding-bottom: 1em; }
	


	/* Content
	-------------------------------------*/

	#content-wrapper {
		position: relative;
		margin: 0 auto;
		width: 1170px;
		padding: 0px 30px 0px 52px;
		margin-top: 256px;
	}
	
	.small-1 #content-wrapper {
		width: 870px;
		padding: 0px 30px 0px 52px;
	}	
	
	#content {
		float: left;
		width: 100%;
		padding-bottom: 50px;
		font-size: 1.1em;
		line-height: 1.1em;
		opacity: 0;
	}

	#content h1 {
		font-family: "myriad-pro-n3", "myriad-pro", Arial, sans-serif;
		font-weight: 300;
		font-size: 1.65em;
		line-height: 1.3em;
		color: #7d7d7d;
		border-bottom: 1px solid #d7d7d7;
		letter-spacing: -1px;
		margin: -8px 0px 12px 0px;
	}
	
	#content h1.research-lab {margin: 30px 0px 12px 0px; font-size: 1.2em;}
	
	#text-content-container h2 {
		float: left;
		width: 100%;
		font-size: 1.1em;
		line-height: 1.1em;
		color: #7d7d7d;
		font-family: "myriad-pro-n3","myriad-pro",Arial,sans-serif;
		font-weight: 400;			
		letter-spacing: 0px;
		margin: 10px 0px 10px 0px;
		text-transform: uppercase;
		border-bottom: 1px dotted #d7d7d7;
	}
	
	#text-content-container h2.laboratory-name {color: #c0482f; border-bottom: none;}
	span.fade {color: #7d7d7d; font-size:.9em;}
	
	#text-content-container h2.joint-services {margin: 30px 0px 5px 0px;}
	
	#text-content-container h3 {
		float: left;
		width: 100%;
		font-size: 1em;
		line-height: 1.1em;
		text-transform: uppercase;
		font-family: "myriad-pro-n7", "myriad-pro", Arial, sans-serif;
		font-weight: 700;	
		margin: 20px 0px 2px 0px;
	}		
	
	#text-content-container h3 a:link, #text-content-container h3 a:visited, #text-content-container h3 a:hover, #text-content-container h3 a:active {
		color: #333;
		text-decoration: none;
	}
	
	#text-content-container h3 a:hover { text-decoration: underline; }
	
	#text-content-container h2.abc { 
		margin: 25px 0px 4px 0px; 
		border-bottom: 1px dashed #d7d7d7;
		font-size: 1.1em;
		letter-spacing: 0.5px;
	}
	
	#text-content-container .row-abc {
		float: left; 
		width:100%;
	}

	#text-content-container .row-abc.list {
		border-bottom: 1px solid #ffffff;
		background: #f9f9f9;
	}
	
	#text-content-container .cell-1 {
		float: left; 
		width:30%;
	}
	
	#text-content-container .cell-2, #text-content-container .cell-3 {
		float: left; 
		width:20%;
	}
	
	#text-content-container .cell-1.list-1 {width:60%;}
	#text-content-container .cell-2.list-2 {width:40%;}
	


	.small-1 #text-content-container .cell-1  {width:50%;} 
	.small-1 #text-content-container .cell-2  {width:25%;} 
	.small-1 #text-content-container .cell-3  {width:25%;} 
	
	#text-content-container .cell-1 .skupne {width:30%;}
	#text-content-container .cell-2 .skupne {width:15%;}
	#text-content-container .cell-3 .skupne {width:15%;}
	#text-content-container .cell-4 .skupne {float: left; width:25%;}

	.small-1 #text-content-container .cell-1.skupne {width:40%; font-size: 12px;}
	.small-1 #text-content-container .cell-2.skupne {width:20%; font-size: 12px;}
	.small-1 #text-content-container .cell-3.skupne {width:20%; font-size: 12px;}
	.small-1 #text-content-container .cell-4.skupne {float: left; width:20%; font-size: 12px;}		
	
	#content h1 span {
		position: relative;
		top: 5px;
	}

	#text-content-container {
		float: left;
		width: 870px;
		padding: 0px 0px 0px 0px;
	}	
	
	.small-1 #text-content-container {
		width: 570px;
	}
	
	/*#text-content-container #basic-info {
		width: 50%;
	} */
	
	#text-content-container p {
		padding-bottom: 1em;
	}
	
	#text-content-container p.labdata {padding-bottom: 0em;}
	
	#text-content-container p.MsoNormal { padding: 0px; }

	#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
		color: #c0482f;
		text-decoration: underline;
	}

	#text-content-container .leaflet-control-zoom a {text-decoration: none !important; color: #000 !important;}

	#text-content-container a:hover { text-decoration: none; }

	/* external link */
	#text-content-container a.external {
		padding-right: 12px;
		background: url('/images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
	}
	
	#text-content-container blockquote {
		width: 250px;
		float: right;
		padding: 20px;
		margin: 0 0 10px 10px;
		background: #f9f9f9;
	}



	/* --- video --- */

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


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

	#text-content-container ul { padding-bottom: 1em; }
	#text-content-container ul ul { margin-left: 1.5em; padding-top: 1em;}
	
	#text-content-container ul.news-archive, #text-content-container ul.news-archive li {
		float: left;
		width: 100%;
	}
	
	#text-content-container ul.news-archive li, #text-content-container ul.calendar-archive li { 
		list-style-type: none; 
		list-style-position: outside;
	}
	
	#text-content-container ul.news-archive span.date {
		float: left;
		width: 70px;
	}
	
	#text-content-container ul.news-archive span.title {
		float: left;
		width: 800px;	
	}
	
	.small-1  #text-content-container ul.news-archive span.title {width: 500px;	}
	
	#text-content-container ul.org-list {
		float: left;
		width: 100%;
		border-bottom: 1px dashed #d7d7d7;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	
	#text-content-container ul.with-date li {
		list-style-type: none;
	}
	
	#text-content-container ul.with-date li span.date { margin-right: 5px; }

	#text-content-container ul li {
		margin-bottom: 2px;
		list-style-position: inside;
		list-style-type: square;
	}
	
	#text-content-container ul.news-list li {
		list-style-type: none;
		margin-bottom: 10px;
	}
	
	#text-content-container ul li ul li {
		list-style-type: circle;
	}

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


	/* --- 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;
	}

	#text-content-container ol li ul { padding-bottom: 0; }

	#text-content-container ol li ul li {
		margin-bottom: .3em;
		list-style-type: disc;
		list-style-position: inside;
		padding-left: 20px;
	}

	#text-content-container ol li ol li {
		margin-bottom: .3em;
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 20px;
	}

	#text-content-container ol li ol li {
		margin-bottom: .3em;
		list-style-type: decimal-leading-zero;
		list-style-position: outside;
		margin-left: 20px;
	}


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

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


	/* --- tables --- */
	
	#text-content-container table {
		float: left;
		width: 100%;
	}

	#text-content-container table th {
		padding: 5px 10px;
		border: 1px solid #999;
		font-weight: bold;
		text-align: left;
	}

	#text-content-container table td {
		padding: 5px 10px;
		/*border: 1px solid #999;*/
	}

	.default-content #text-content-container table td {
		border: 1px solid #E8E8E8;
	}

	#text-content-container table.destinations td:nth-child(2) {
		white-space: nowrap;
	}

	#text-content-container #menu table {
		width: 100%;
	}
	
	#text-content-container #menu table td {
		border: 1px solid #fff;
		text-align: center;
		background: #f2f2f2;		
		text-transform: lowercase;
	}

	#text-content-container #menu table td[rowspan]:first-child {
		background: #959595;
		color: #fff;
		vertical-align: middle;
		text-transform: uppercase;
		white-space: nowrap;
	}
	
	#text-content-container #menu table td p {
		padding-bottom: 0em;
	}
	
	#text-content-container #menu table tr:first-child td {
		background: #c0482f;
		color: #fff;
		text-transform: uppercase;
	}
	
	#text-content-container #cenik-kosil table {
		width: auto;
		min-width: 50%;
		float: none;
	}
	
	#text-content-container #cenik-kosil table:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	#text-content-container #cenik-kosil table td {
		border: 1px solid #fff;
		background: #f2f2f2;
	}
	
	#text-content-container #cenik-kosil table td p {
		padding-bottom: 0em;
	}
	
	#text-content-container #cenik-kosil table tr:first-child td {
		background: #dbdbdb;
	}	
	
	#text-content-container #cenik-kosil table tr:first-child td:last-child, #text-content-container #cenik-kosil table td:last-child {
		text-align: right;
	}	

	#text-content-container table caption {
		margin-bottom: .3em;
		text-align: left;
		font-weight: bold;
	}
	
	#text-content-container .cnt-news{
	    display: block;
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	
	#text-content-container .subj-table table {
		width: 100%;
	}	
	
	#text-content-container .subj-table table td {
		border: 1px solid #ddd;
		text-align: center;
		padding: 5px;
	}
	
	#text-content-container .subj-table table td[colspan="3"] {
		text-align: left !important;
	}
	
	#text-content-container .subj-table table td p {
		padding-bottom: 0em;
	}
	
	#text-content-container .subj-table table tr:first-child  td{
		background: #ddd;
		font-weight: bold;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		text-align: left !important;
	}
	
	#text-content-container .subj-table.extra table tr:first-child  td{
		text-transform: uppercase;
		color: #c0482f;
		font-weight: bold;
	}
	
	#text-content-container .subj-table table tr td:nth-child(2),
	#text-content-container .subj-table table tr td:nth-child(3) {
		text-align: left;
	}
	
	#text-content-container .subj-table table tr:nth-child(2) td, 
	#text-content-container .subj-table table tr:nth-child(3) td  {
		background: #ddd;
		font-weight: bold;
		border: 1px solid #fff;
		text-align: center !important;
	}	
	
	#text-content-container .subj-table table tr:last-child td, 
	#text-content-container .subj-table table tr:nth-last-child(2) td {
		background: #F7F7F7;
		font-weight: bold;
	}

	#text-content-container .subj-table.extra table tr:last-child td, 
	#text-content-container .subj-table.extra table tr:nth-last-child(2) td {
		background: #fff;
		font-weight: normal;
	}
	
	.id-91_eng #text-content-container .subj-table table tr:nth-child(2) td, .id-91_eng #text-content-container .subj-table table tr:nth-child(3) td,
	.id-91_eng #text-content-container .subj-table table tr:last-child td, .id-91_eng #text-content-container .subj-table table tr:nth-last-child(2) td	{
		background: transparent;
		font-weight: normal;
		text-align: left !important;
		border: 1px solid #ddd;
	}
	
	.id-91_eng #text-content-container .subj-table table td {
		text-align: left !important;
	}

	.id-3973_eng #text-content-container .subj-table table tr:nth-child(2) td, .id-3973_eng #text-content-container .subj-table table tr:nth-child(3) td,
	.id-3973_eng #text-content-container .subj-table table tr:last-child td, .id-3973_eng #text-content-container .subj-table table tr:nth-last-child(2) td	{
		background: transparent;
		font-weight: normal;
		text-align: left !important;
		border: 1px solid #ddd;
	}
	
	.id-3973_eng #text-content-container .subj-table table td {
		text-align: left !important;
	}

	#text-content-container .zaposlitve table th {
		background: #ddd;
		border: 1px solid #fff;		
	}
	
	#text-content-container .zaposlitve table td {
		border: 1px solid #ddd;
	}
	/* --- Icons in content --- */

	#text-content-container a.lipdf, .brochure #footer {
		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: bold;
		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: 10px 0px 0px 0px;
		/*margin: 0px 0px 15px -5px;*/
	}
	
	#text-content-container ul.pagging li {
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0 3px 0px 0px;
		height: 27px
	}
	
	#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: 0 4px;
		background: #606060;
		border: 1px solid #333;
		color: white;
		margin: 0 3px;
	}
	
	#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;
		border: 1px solid #d7d7d7;
	}

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

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

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


	/* --- News --- */

	#text-content-container span.date { padding-bottom: 0; width: 70px; float: left;}
	#text-content-container .long span.date {width: 150px;}
	#text-content-container p.date { padding-bottom: 0; width: 100%; float: left;}
	#text-content-container .title {float: left; width: 800px;}
	#text-content-container .long .title {width: 720px;}
	#text-content-container .title.cnt-list-title {float: none; width: 800px;}
	.small-1 #text-content-container .title {width: 500px;}
	.small-1 #text-content-container .long .title {width: 420px;}
	
	#text-content-container .date.inner {
		width: 100%;
		display: block;
	}

	#text-content-container .date em {
		font-style: normal;
		font-weight: bold;
	}

	#text-content-container .category { padding-bottom: 0 }

	#text-content-container .category em {
		font-style: normal;
		font-weight: bold;
	}

	#text-content-container .abstract {
		/*font-style: italic;*/
		color: #555;
		display: block;
		font-weight: bold;
	}
	
	#address-member-image {
		float: left;
		margin: 3px 20px 0px 0px;
	}	

	.memberDetails {
		float: left;
		border-left: 1px dotted #d7d7d7;
		padding-left: 20px;
	}
	
	#text-content-container ul#abc-list {
		float: left;
		width: 100%;
		padding: 5px 0 3px 0;
		margin: 0px 0px 10px 0px;
	}
	
	#text-content-container ul#abc-list li {
		float: left;
		list-style-type: none;
		margin: 0px 2px 0px 0px;
		padding: 0px;
		list-style-position: outside;
	}
	
	#text-content-container ul#abc-list a:link, #text-content-container ul#abc-list a:visited, #text-content-container ul#abc-list a:hover, #text-content-container ul#abc-list a:active {
		text-decoration: none;
		display: block;
		float: left;
		padding: 5px 1px 2px 1px;
		font-weight: bold;
		width: 23px;
		text-align: center;
		border: 1px solid #d7d7d7;
		background: #f9f9f9;		
	}
	
	#text-content-container ul#abc-list a:hover { 
		background: #333; 
		color: white;
	}
	
	#text-content-container #exam-dates, #text-content-container #finish-work {
		background: #f9f9f9;
	}
	
	#text-content-container #exam-dates td {
		text-align: center;
	}
	
	#text-content-container #exam-dates td select {
		background: white;
		padding: 6px 10px;
		width: 100%;
	}
	
	#text-content-container .labt {
		margin-top: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #DBDBDB;
	}
	
	#text-content-container .labt a {font-size: 1.1em;}
	
	#text-content-container .labt .lab-item {
		margin-left: 20px;
		margin-top: 10px;
	}
	
	.finish-item {
		float: left;
		width: 100%;
	}
	
	.finish-item ul { 
		float: left;
		width: 100%;
		display: none; 
	}
	
	#lab-divider {
		float: left;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 0px;
	}

	#lead-reference {
		float: left;
		width: 100%;
	}

	.lab-col {
		float: left;
		width: 250px;
		padding-right: 22px;
	}

	.lab-col h2, #lead-reference h2 { 
		font-size: 1.4em; 
		font-weight: normal;
		margin-bottom: 20px;
	}

	#text-content-container .lab-col ul, #text-content-container .lab-col ul li {
		position: relative;
		float: left;
		width: 100%;
		padding: 0px;
	}

	#text-content-container .lab-col ul li { 
		list-style-type: none; 
		list-style-position: outside
	}

	.industry-cnt, .service-cnt {
		bottom: -50px;
		left: 150px;
		width: 350px;
		position: absolute;
		display: none;
		border: 1px solid #d7d7d7;
		background: white;
		padding: 25px 20px 15px 20px;
		z-index: 20;
	}

	.industry-cnt p, .service-cnt p { 
		position: relative;
		font-weight: bold; 
		padding-right: 18px;
		padding-bottom: 15px;
	}

	#text-content-container .lab-col ul li a:link, #text-content-container .lab-col ul li a:visited, #text-content-container .lab-col ul li a:hover, #text-content-container .lab-col ul li a:active {
		color: #333;
		text-decoration: none;
	}

	.lab-col ul li.active div { display: block; }

	#text-content-container .lab-col ul li.active a:link, #text-content-container .lab-col ul li.active a:visited, 
	#text-content-container .lab-col ul li.active a:hover, #text-content-container .lab-col ul li.active a:active, #text-content-container .lab-col ul li a:hover { 
		color: #c0482f; 
		text-decoration: underline;
	}

	#text-content-container .lab-col ul li.active div a.industry-close:link, #text-content-container .lab-col ul li.active div a.industry-close:hover, 
	#text-content-container .lab-col ul li.active div a.industry-close:active, #text-content-container .lab-col ul li.active div a.industry-close:visited,
	#text-content-container .lab-col ul li.active div a.service-close:link, #text-content-container .lab-col ul li.active div a.service-close:hover, 
	#text-content-container .lab-col ul li.active div a.service-close:active, #text-content-container .lab-col ul li.active div a.service-close:visited {
		position: absolute;
		top: -18px;
		right: -12px;
		color: #c0482f;
		font-weight: 300;
		letter-spacing: 0px;
	}

	#text-content-container .lab-col ul li.active div a.service-close:hover, #text-content-container .lab-col ul li.active div a.industry-close:hover { 
		text-decoration: underline; 
		font-weight: 300;
		letter-spacing: 0px;
	}

	#text-content-container .lab-col ul li.active div a:link, #text-content-container .lab-col ul li.active div a:visited, 
	#text-content-container .lab-col ul li.active div a:hover, #text-content-container .lab-col ul li.active div a:active {
		text-decoration: none;
		font-weight: normal;
		letter-spacing: 0px;
	}
	
	#text-content-container .lab-col ul li.active div a:hover { 
		text-decoration: underline;
	}

	#laboratory-info {
		padding-top: 5px;
		float: left;
		width: 100%;
	}

	.laboratory-row {
		float: left;
		width: 100%;
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.laboratory-item {
		float: left;
		width: 260px;
		padding-right: 30px;
	}

	.laboratory-item li {
		margin-left: 14px;
		list-style-type: square;
	}

	#laboratory-item-wide { 
		width: 580px; 
		padding-right: 0px;
	}

	#laboratory-item-whole { 
		padding-top: 30px;
		padding-bottom: 30px;
		width: 850px; 
	}

	#laboratory-item-cnt {
		float: left;
		width: 870px; 
	}
	
	.column { 
		width: 260px !important;
		padding-right: 30px;
	}	




	/* Sidebar
	-------------------------------------*/
	#sidebar {
		float: left;
		width: 270px;
		padding: 0px 30px 40px 0px;
	}
	
	#sidebar-menu-wrapper {
		float: left;
		padding: 13px 16px 175px 13px;
		width: 241px;
		background: #f9f9f9;
	}
	
	#sidebar-menu-wrapper h2 {
		float: left;
		width: 100%;
		font-family: "myriad-pro-n7", "myriad-pro", Arial, sans-serif;
		font-weight: 700;
		color: #c0482f;
		font-size: 1.1em;
		line-height: 1em;
		margin-bottom: 7px;
	}
	
	#sidebar-menu {
		width: 100%;
		float: left;
	}


	/* Level 1 */

	#sidebar-menu li.menu-level1 {
		float: left;
		width: 100%;
		margin-bottom: 4px;
	}

	#sidebar-menu a.menu-level1:link, #sidebar-menu a.menu-level1:visited, #sidebar-menu a.menu-level1:hover, #sidebar-menu a.menu-level1:active {
		float: left;	
		color: #333;
		text-decoration: none;
		width: 100%;
		border-bottom: 1px solid #d7d7d7;
	}

	#sidebar-menu li.menu-level1-open a.menu-level1:link, 
	#sidebar-menu li.menu-level1-open a.menu-level1:visited, 
	#sidebar-menu li.menu-level1-open a.menu-level1:hover, 
	#sidebar-menu li.menu-level1-open a.menu-level1:active,
	#sidebar-menu li.menu-level1 a.menu-level1:hover {
		color: #c0482f;
	}

	#sidebar-menu span.menu-level1 {
		display: block;
		font-size: 1.1em;
		line-height: 1em;
		padding: 8px 0px 3px 0px;
		letter-spacing: 0px;
		position: relative;
		top: 2px;
	}
	
	#sidebar-menu-wrapper #sidebar-menu #m-m-166slo {
		display: none;
	}


	/* Level 2 */
	
	#sidebar-menu ul.menu-level2 {
		float: left;
		width: 220px;
		padding: 4px 11px 0px 15px;
		margin-bottom: -2px;
	}

	#sidebar-menu li.menu-level2 {
		float: left;
		width: 100%;
	}

	#sidebar-menu a.menu-level2:link, #sidebar-menu a.menu-level2:visited, #sidebar-menu a.menu-level2:hover, #sidebar-menu a.menu-level2:active {
		float: left;
		text-decoration: none;
		color: #333;
		padding-left: 10px;
	}

	#sidebar-menu li.menu-level2-open a.menu-level2:link, 
	#sidebar-menu li.menu-level2-open a.menu-level2:visited, 
	#sidebar-menu li.menu-level2-open a.menu-level2:hover, 
	#sidebar-menu li.menu-level2-open a.menu-level2:active,
	#sidebar-menu li.menu-level2 a.menu-level2:hover {
		color: #c0482f;
		/*text-decoration: underline;*/
	}
	
	#sidebar-menu li.menu-level2-open a.menu-level2:link, 
	#sidebar-menu li.menu-level2-open a.menu-level2:visited, 
	#sidebar-menu li.menu-level2-open a.menu-level2:hover, 
	#sidebar-menu li.menu-level2-open a.menu-level2:active {	
		background: url('/images/mobile/premenu.png') 0 6px no-repeat;
		padding-left: 10px;
	}	

	#sidebar-menu span.menu-level2 {
		display: block;
		font-size: 1em;
		line-height: 1em;
		/*text-transform: lowercase;*/
		padding: 1px 0px;
	}
	
	#sidebar-menu span.menu-level2 span { text-transform: none; }
	#sidebar-menu span.menu-level3 span { text-transform: none; }

	/* Level 3 */
	
	#sidebar-menu ul.menu-level3 {
		float: left;
		width: 195px;
		padding: 2px 10px 2px 33px;
		margin-bottom: 15px;
		margin-bottom: -2px;
	}
	
	#sidebar-menu li.menu-level3 {
		float: left;
		width: 100%;
		border: none;
		margin-bottom: 1px;
		padding-left: 10px;
	}

	#sidebar-menu a.menu-level3:link, #sidebar-menu a.menu-level3:visited, #sidebar-menu a.menu-level3:hover, #sidebar-menu a.menu-level3:active {
		float: left;
		text-decoration: none;
		color: #333;
		padding-left: 10px;
	}

	#sidebar-menu li.menu-level3-open a.menu-level3:link, 
	#sidebar-menu li.menu-level3-open a.menu-level3:visited, 
	#sidebar-menu li.menu-level3-open a.menu-level3:hover, 
	#sidebar-menu li.menu-level3-open a.menu-level3:active,
	#sidebar-menu li.menu-level3 a.menu-level3:hover { 
		color: #c0482f;
		/*text-decoration: underline;*/
	}
	
	#sidebar-menu li.menu-level3-open a.menu-level3:link, 
	#sidebar-menu li.menu-level3-open a.menu-level3:visited, 
	#sidebar-menu li.menu-level3-open a.menu-level3:hover, 
	#sidebar-menu li.menu-level3-open a.menu-level3:active { 
		background: url('/images/mobile/premenu.png') 0 6px no-repeat;
		padding-left: 10px;
	}	

	#sidebar-menu span.menu-level3 {
		display: block;
		font-size: 1em;
		line-height: 1em;
		/*text-transform: lowercase;*/
		padding: 1px 0px;
	}
	
	/* Level 4 */
	
	#sidebar-menu ul.menu-level4 {
		float: left;
		width: 170px;
		padding: 2px 10px 0px 15px;
		margin-bottom: -2px;
	}
	
	#sidebar-menu li.menu-level4 {
		float: left;
		width: 100%;
		border: none;
		margin-bottom: 0px;
	}

	#sidebar-menu a.menu-level4:link, #sidebar-menu a.menu-level4:visited, #sidebar-menu a.menu-level4:hover, #sidebar-menu a.menu-level4:active {
		float: left;
		text-decoration: none;
		color: #333;
	}

	#sidebar-menu li.menu-level4-open a.menu-level4:link, 
	#sidebar-menu li.menu-level4-open a.menu-level4:visited, 
	#sidebar-menu li.menu-level4-open a.menu-level4:hover, 
	#sidebar-menu li.menu-level4-open a.menu-level4:active,
	#sidebar-menu li.menu-level4 a.menu-level4:hover { 
		color: #c0482f;
		text-decoration: underline;
	}

	#sidebar-menu span.menu-level4 {
		display: block;
		font-size: 1em;
		line-height: 1em;
		/*text-transform: lowercase;*/
		padding: 1px 0px;
	}	

	
	

	/* --- calendar --- */

	#calendar-table { border-collapse: collapse; }

	#calendar-table th {
		color: #333;
		font-weight: normal;
		text-transform: uppercase;
	}

	#calendar-table td {
		width: 2.2em;
		padding: .6em 0 .8em 0;
		border: .1em solid white;
		text-align: center;
		line-height: 0;
		background-color: white;
		color: #333;
		cursor: default;
	}

	#calendar-table td.week-selector {
		border: none;
		background-color: transparent;
	}

	#calendar-table .day-existing {	background-color: #eee }

	#calendar-table .day-empty { background-color: white }

	#calendar-table .day-existing,
	#calendar-table .day-empty {
		padding: 1.2em 0 0.9em 0;
	}

	#calendar-table td.day-event { background-color: #808080 }

	#calendar-table .day-event.day-today {
		background-color: #B90000;
		padding: 0;
	}

	#calendar-table .day-today span {
		display: block;
		color: white
	}

	#calendar-table .day-selected {
		background-color: #808080;
		color: white
	}


	#calendar-table a:link, #calendar-table a:visited, #calendar-table a:hover, #calendar-table a:active {
		padding: .5em .5em .3em .5em;
		text-decoration: none;
		color: white
	}

	#calendar-month-switcher {
		font-size: 1.15em;
		margin-top: .5em;
		display: block
	}


	/* --- faq --- */

	#faq-form-toggle {
		text-decoration: underline;
		cursor: pointer;
	}

	.faq-list {
		display: none;
		clear: left;
	}

	.faq-list dt {
		font-weight: bold;
		margin-bottom: .5em;
	}

	.faq-list dd { margin-bottom: 1em }

	#faq-list h2 {
		float: left;
		cursor: pointer;
		padding-right: 18px;
	}


	#faq-form input.input-text { width: 180px }

	#faq-form textarea { width: 180px }

	#faq-form select { width: 180px }

	#faq-form label {
		display: block;
		margin-top: .5em;
		font-weight: bold;
		font-size: 1.15em;
	}

	#faq-form .mandatory {
		color: #B90000;
		font-family: Verdana, sans-serif;
		font-weight: normal
	}

	
	#faq .form-error,
	#faq .racun {
		font-size: 1.15em;
	}


	/* Footer
	-------------------------------------*/
	
	#footer-wrapper {
		float: left;
		width: 100%;
		background: #dbdbdb;
		min-height: 100px;
		padding: 20px 0px 31px 0px;
		margin-top: 110px; /* init - jquery change that onload */
	}
	
	#body-content #footer-wrapper { margin-top: 0px; }
	
	#footer { 
		position: relative;
		margin: 0 auto;
		width: 1200px;
		padding: 0px 0px 0px 52px;		
	}
	
	.mobile #footer { 
		max-width: 870px;
	}
	
	.footer-col {
		float: left;
		margin-right: 30px;
		line-height: 1.1em;
	}
	
	.footer-col h2 {
		font-family: "myriad-pro-n3", "myriad-pro", Arial, sans-serif;
		font-weight: 400;
		font-size: 2.3em;
		line-height: 1em;		
		color: white;
		float: left;
		width: 100%;
		border-bottom: 1px solid white;
		margin: 0px 0px 12px 0px;
		padding: 0 0 2px;
		letter-spacing: -1px;
	}
	
	.footer-col h2 span {
		position: relative;
		left: 5px;
		top: 5px;
		text-transform: lowercase;
	}
	
	#eduroam-mail {
		width: 70px;
	}
	
	#eduroam-mail a:link, #eduroam-mail a:visited, #eduroam-mail a:hover, #eduroam-mail a:active {
		float: left;
		display: block;
		width: 70px;
		height: 70px;
		margin-bottom: 10px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#eduroam-mail a#eduroam { background-image: url('../images/eduroam.png'); }
	#eduroam-mail a#eduroam:hover { background-position: left bottom; }
	
	#eduroam-mail a#webmail { background-image: url('../images/webmail.png'); }
	#eduroam-mail a#webmail:hover { background-position: left bottom; }	

	#eduroam-mail a#islonline { background-image: url('../images/isl.png'); }
	#eduroam-mail a#islonline:hover { background-position: left bottom; }	
	
	#contact { width: 170px; }
	
	#contact a:link, #contact a:visited, #contact a:hover, #contact a:active {
		color: #333;
		text-decoration: underline;
	}
	
	#contact a:hover { text-decoration: none; }
	
	#map, #quick-links, #banners { width: 270px; }	
	
	#quick-links { min-height: 1px; }
	
	#map h2 { width: 170px; }
	
	#destMap { 
		vertical-align: top;		
		padding: 0px;
		width: 100%; 
		height: 100%;
		min-height: 344px;
	}
	
	#destContent {
		margin-top: 20px;
	}
	
	#destMap .gmap-div {
		width: 250px;
	}
	
	#text-content-container table.destinations th {
		cursor: pointer;
		text-decoration: underline;
		padding: 6px 15px;		
		vertical-align: middle;
		background-color: #f1f1f1;
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	#text-content-container table.destinations th { 
		text-decoration: none; 
		cursor: default;
	}
	
	#text-content-container table.destinations th.sort-dest-head { background-image: url('../images/arrow-sorting-none.png'); cursor: pointer; }
	
	#text-content-container table.destinations th.asc {
		background: url('../images/arrow-sorting-up.png') 90px center no-repeat;
	}
	
	#text-content-container table.destinations th.desc { background-image: url('../images/arrow-sorting-down.png'); }
	
	#text-content-container table.destinations > tbody > tr:nth-of-type(2n+1) {
		background-color: #fbfbfb;
	}

	.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

    	border: 1px solid #ddd;

	}
	
	#banners-list {
		float: left;
		width: 292px;
		margin-left: 0;
	}
	
	#banners-list li {
		float: left;
		/*width: 124px;*/
		margin: 0px 0px 7px 0;
	}

	#banners-list li img {
		background-color: #fff;
		padding: 5px;
		max-width: calc(100% - 10px);
	}

	.dataId-2020032611454338 table tr:first-child {
		background: #dbdbdb;
	}

	.dataId-2020032611454338 table tr:first-child td p {
		padding-bottom: 0 !important;
	}

	.dataId-2020032611454338 table tr td {
		border: 1px solid #dbdbdb;
	}

	.dataId-2020032611454338 table {
		margin-bottom: 15px;
	}


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

	/* --- Breadcrumbs --- */

	#breadcrumbs {
		float: left;
		width: 100%;
		padding-top: 16px;
		height: 28px;
		color: #b0b0b0;
		font-size: 0.9em;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active {
		color: #b0b0b0;
		text-decoration: none;
		padding: 2px 0px 1px 13px;
		background: url('/images/backgrounds/bgnd-breadcrumbs-next.png') left top no-repeat;
		text-transform: lowercase;
		margin-right: 10px;
	}
	
	#breadcrumbs span { color: white; }
	
	#breadcrumbs span.no-link {
		padding: 2px 0px 1px 13px;
		background: url('/images/backgrounds/bgnd-breadcrumbs-next.png') left 0px no-repeat;
		text-transform: lowercase;
		margin-right: 10px;
		color: #b0b0b0;
	}	
	
	#breadcrumbs a:hover { 
		color: #c0482f; 
		text-decoration: underline;
	}
	
	#breadcrumbs a#breadcrumbs-home:link, #breadcrumbs a#breadcrumbs-home:visited,
	#breadcrumbs a#breadcrumbs-home:hover, #breadcrumbs a#breadcrumbs-home:active {
		display: block;
		width: 15px;
		height: 15px;
		background: url('/images/backgrounds/bgnd-home-icon.png') left top no-repeat;
		margin-right: 0px;
		float: left;
		position: relative;
		top: -2px;
	}
	
	#print {
		width: 58px;
		height: 15px;
		position: absolute;
		right: 55px;
	}
	
	.eng #print {width: 48px;}
	
	#print a {text-decoration: none !important;}
	
	#print img {
		margin-left: 2px;
		margin-top: 3px;
		float: right;
	}


	/* --- Main Menu --- */
	
	#menu-area {
		position: relative;
		float: left;
		width: 870px;
		height: 42px;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin: 62px 0px 0px 353px;
	}
	/*@media screen and (min-width:1024px) {
		#header {
			width:100% !important;
		}

		#lead-images-wrapper, #container {
			min-width: unset !important;
			width:100% !important;
		}

		#content-wrapper {
			min-width: unset !important;
			width: calc(100% - 82px)  !important;
		}

		#menu-area {
			margin: 62px 0px 0px 269px;
			width: calc(100% - 269px);
		}

		#main-menu {
			display:flex;
			justify-content: space-between;
			height: 100%;
			align-items: center;
		}

		#main-menu li.menu-level1 {
			margin-right: 0 !important;
			height: auto !important;
			flex: 0 0 20%;
			max-width: 20%;
		}

		#main-menu span.menu-level1 {
			font-size: 1.6em !important;
			padding: 0 !important;
		}
	}*/
	
	.small-1 #menu-area {
		margin: 62px 0px 0px 230px;
		width: 640px;
	}
	

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

	.eng #main-menu {
		display: table;
	}
	
	.small-1 #main-menu { width: 723px;}

	.small-1.eng #main-menu {margin-top: -12px;}


	/* Level 1 */
	.eng #main-menu li.menu-level1 {
		display: table-cell;
		float: none;
	}
	#main-menu li.menu-level1 {
		float: left;
		height: 66px;
		margin-right: 34px;
	}
	
	#main-menu li#m-m-166slo {
		float: right;
		/*margin: 0px 0px 0px 34px;*/
		margin: 0px;
	}
	
	.small-1 #main-menu li#m-m-166slo {
		float: left;
	}

	#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: #c0482f;
		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 {
		text-decoration: underline;
	}

	#main-menu span.menu-level1 {
		display: block;
		font-size: 1.9em;
		line-height: 1.1em;
		padding: 10px 0px 7px 0px;
		letter-spacing: -1px;
		font-weight: 400;
	}

	.eng #main-menu span.menu-level1 {
		font-size: 20px;
	}

	.eng #main-menu li.menu-level1 {
		margin-right: 25px;
	}

	.eng #main-menu li.menu-level1#m-m-3949eng {
		margin-right: 0px;
	}
	
	.small-1 #main-menu span.menu-level1 {
		font-size: 1.6em;
	}

	.eng.small-1 #main-menu span.menu-level1 {
		font-size: 1.5em;
	}


	/* Level 2 */
	
	#main-menu ul.menu-level2 {
		position: absolute;
		top: 63px;
		left: -302px;
		z-index: 25;
		background: #f9f9f9;
		width: 1000px;
		border: 1px solid #d7d7d7;
		padding: 12px 70px 0px 100px;
		box-shadow: 6px 6px 10px #cfcfcf;
	}
	
	.small-1 #main-menu ul.menu-level2 {
		width: 880px;
		padding: 12px 20px 10px 20px;
		left: -220px;
	}
	
	#main-menu li#m-m-3949slo ul.menu-level2, #main-menu li#m-m-3949eng ul.menu-level2 {
		width: 400px;
		left: auto;
		right: 0px;
	}
	
	#main-menu li#m-m-2eng ul.menu-level2 { width: 800px; }

	#main-menu li.menu-level2 {
		float: left;
		width: 170px;
		margin-right: 30px;
	}
	
	.small-1 #main-menu li.menu-level2 {
		width: 151px;
		margin-right: 25px;
	}
	
	
	/*#main-menu li#m-m-3941slo {margin-top: -140px; min-height: 141px;}	
	#main-menu li#m-m-3943slo {margin-top: -115px; }	
	#main-menu li#m-m-150slo {margin-top: -130px; min-height: 131px;}	
	#main-menu li#m-m-3951slo { height: 430px; }	
	#main-menu li#m-m-3973slo { margin-top: 79px; }
	#main-menu li#m-m-3948slo { margin-top: -367px; }
	#main-menu li#m-m-3975slo { margin-top: -267px }
	#main-menu li#m-m-3988slo { margin-top: 79px; }
	#main-menu li#m-m-17slo { margin-top: 79px; }*/
	
	/*#main-menu li#m-m-3951slo.menu-level2 {float: right; margin-top: -397px;}
	#main-menu li#m-m-3950slo.menu-level2 {float: right;}
	#main-menu li#m-m-155slo.menu-level2 {margin-right: 200px;}
	#main-menu li#m-m-17slo.menu-level2 {margin-right: 200px;}*/
	
	#main-menu li#m-m-3948slo.menu-level2 {margin-bottom: 184px;}
	#main-menu li#m-m-3973slo.menu-level2 {margin-bottom: 75px;}
	#main-menu li#m-m-zpslslo.menu-level2 {margin-top: 130px; margin-left: -200px;}
	.small-1 #main-menu li#m-m-zpslslo.menu-level2 {margin-top: 130px; margin-left: -176px;}

	#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;
		width: 100%;
		text-decoration: none;
		border-bottom: 1px solid #959595;
		color: #c0482f;
	}

	#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 {
	}

	#main-menu span.menu-level2 {
		display: block;
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
	}

	/* Level 3 */
	#main-menu ul.menu-level3 {
		float: left;
		width: 160px;
		padding: 18px 0px 30px 10px;
		/* display: block !important; */
	}
	
	#main-menu li.menu-level3 {
		float: left;
		width: 100%;
		padding: 1px 0px 2px 0px;
	}

	#main-menu a.menu-level3:link, #main-menu a.menu-level3:visited, #main-menu a.menu-level3:hover, #main-menu a.menu-level3:active {
		float: left;
		color: #333;
		text-decoration: none;
		/*text-transform: lowercase;*/
	}

	#main-menu li.menu-level3-open a.menu-level3:link, 
	#main-menu li.menu-level3-open a.menu-level3:visited, 
	#main-menu li.menu-level3-open a.menu-level3:hover, 
	#main-menu li.menu-level3-open a.menu-level3:active,
	#main-menu li.menu-level3 a.menu-level3:hover { 
		color: #c0482f;
		text-decoration: underline;
	}

	#main-menu span.menu-level3 {
		display: block;
		font-size: 1.1em;
		line-height: 1em;
	}
	
	#main-menu span.menu-level3 span { text-transform: none; }
	
	/* Level 4 */
	#main-menu ul.menu-level4 { display: none; }
	
	.main-banners-wrapper {
		float: left;
		width: 100%;
		margin-top: 16px;
		min-height: 300px;
	}
	
	.main-banners {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		background: #dbdbdb;
	}
	
	.main-banners a img {
		max-width: 170px;
		max-height: 60px;
		
	}
	
	.main-banners h2 {
		float: left;
		width: 150px;
		padding: 7px 10px 5px 10px;
		text-align: center;
		color: #333;
		font-size: 1.1em;
		line-height: 1em;
		font-family: "myriad-pro-n7", "myriad-pro", Arial, sans-serif;
		font-weight: 700;		
		min-height: 48px;
	}
	
	.main-banners h2 a:link, .main-banners h2 a:visited, .main-banners h2 a:hover, .main-banners h2 a:active {
		text-decoration: none;
		color: #333;
	}
	
	.main-banners h2 a:hover { text-decoration: underline; }




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

	input {
		position: relative;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #999;
		padding: 5px 10px;
	}

	#text-content-container form {
		float: left;
		width: 100%;
		margin-bottom: 1em;
		padding: 0 0%;
	}
	
	#text-content-container iframe {
		max-width: 100%;
	}

	input.input-text {
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	#text-content-container input.input-text {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
	}
	
	input.input-submit[disabled] {
		opacity: .4;
	}

	input.input-submit {
		padding: 5px 20px;
		border-width: 1px;
		border-style: solid;
		border-color: #808080 #404040 #404040 #808080;
		font-size: 100%;
		background-color: #606060;
		color: white;
		cursor: pointer;
	}

	input.input-submit:hover {
		border-color: #E60000 #600000 #600000 #E60000;
		background-color: #B90000;
	}
	
	#search-main-form input.input-submit { margin-top: 10px; }
	
	input.input-datepicker {
		padding: .4em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
		width: 6em;
	}
	
	dd .dp-choose-date {
		margin-left: 5px;
	}
	
	form.summer {
		font-family: "myriad-pro-n3", "myriad-pro", Arial, sans-serif;
		font-size: 14px;
		line-height: 1.4em;
	}

	textarea {
		position: relative;
		height: 10em;
		padding: .3em;
		border: 1px solid #AAA;
		line-height: 1.1;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	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.summer dt {
		margin-top: 0em;
	}
	
	#text-content-container .horizontal-form.summer input.input-text {
		width: 90%;
	}

	.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 {
		margin: 1em 0;
		padding: .3em 1em;
		border: 1px solid #007700;
		font-weight: bold;
		color: #007700;
		background-color: #F0FFF0;
	}

	.form-error {
		margin: 1em 0;
		padding: .3em 0;
		border: 1px solid #B90000;
		color: #B90000;
		background-color: #FFF0F0;
	}

	.form-error li {
		padding: .3em 1em;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#msg-image, #news-list #msg-image {
		max-width: 100%;
	}	
	
	#news-list li.odd {
		margin-left: 29px;
	}
	
	.module-info {
	
	}
	
	.module-info span {
		font-weight: bold;
	}
	
	.module-info li {
		background-color: #fff;
		border-bottom: 1px solid #eee;
		display: block;
		margin-bottom: -1px;
		padding: 10px 0px 10px 0px;
		position: relative;
	}
	


	table#project-table td, table#project-table th {
		border-top: 1px solid #ddd;
		line-height: 1.42857;
		padding: 8px;
		vertical-align: top;
	}
	
	table#project-table thead td{
		border-top: 0px solid #ddd;
	}

	.equipment-foto	 {
		text-align: center
	}
	
	/*____________________________BROCHURE*/
	
	.clearfix:before,
	.clearfix:after {
	  content: " ";
	  display: table;
	}
	.clearfix:after {
	  clear: both;
	}

	.brochure.small-1 #header {
		position: relative;
		margin: 0 auto;
		width: 100%;
		height: 256px;
	}
	
	.brochure.small-1 #logo {
		width: 100%;
	}
	
	
	.brochure #lead-images-wrapper {
		top: 0px;
		height: 250px;
	}
	
	.brochure .small-1 #lead-images-wrapper {
		width: 100%;
		min-width: 775px;
	}
	
	.brochure #lead-images-wrapper div {
		height: 250px;
	}
	
	.brochure #lead-images-wrapper div#lead-images-2 { 
		background: url('../images/brochure/lead2.png') center top repeat-x; 
		background-position: 0px 0px, 50% 50%;
		background-size: 100% auto;		
	}
	
	.brochure #lead-images-wrapper div#lead-images-3 { 
		background: url('../images/brochure/lead3.png') center top repeat-x; 
		background-position: 0px 0px, 50% 50%;
		background-size: 100% auto;			
	}	
	
	.brochure #lead-images-wrapper div#lead-images-4 { 
		background: url('../images/brochure/lead4.png') center top repeat-x; 
		background-position: 0px 0px, 50% 50%;
		background-size: 100% auto;				
	}
	
	.brochure #lead-images-wrapper div#lead-images-5 { 
		background: url('../images/brochure/lead5.png') center top repeat-x; 
		background-position: 0px 0px, 50% 50%;
		background-size: 100% auto;				
	}	
	
	.brochure #lead-images-wrapper div#lead-images-6 { 
		background: url('../images/brochure/lead6.png') center top repeat-x;
		background-position: 0px 0px, 50% 50%;
		background-size: 100% auto;				
	}
	
	
	.brochure #header-wrapper, .brochure #header {
		height: 250px;
	}		
	
	.brochure #brochure-title {
		position: absolute;
		bottom: 60px;
		background:  rgba(0,0,0,.3);
		z-index: 100;
		display: block;
		width: 100%;
		height: 70px;	
	}

	.brochure #brochure-title h1 {	
		margin: 0 auto;
		width: 1170px;
		font-size: 50px;
		color: white;
		line-height: 1.55em;
		/*font-family: "garamond-premier-pro-caption",serif;*/
		font-family: "adobe-garamond-pro",sans-serif;
		text-transform: uppercase;
	}
	
	.brochure.small-1 #brochure-title h1 {
		padding-left: 5%;
		width: 95%;
	}
	
	.brochure #content-wrapper {
		margin-top: 250px;
	}
	
	.brochure #logo {
		margin: 0 auto;
		width: 1170px;
		position: relative		
	}

	.brochure .logo-frame {
		position: absolute;
		top: -250px;
		right: 20px;
		width: auto;
		height: auto;
		background-color: #fff;
		z-index: 9;
	}
	
	.brochure.small-1 .logo-frame {
		top: -256px;
	}
	
	.brochure .logo {
		padding: 0px 20px;
		float: right;
		max-width: 100px;
		vertical-align: middle;
		display: inline-block;		
	}	
	
	.brochure .logo-frame a {
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 10;
	}
	
	.brochure #sidebar {
		font-family: "garamond-premier-pro-caption",serif;
	}
	
	.brochure #sidebar, #sidebar-menu-wrapper h2 {
		font-family: "garamond-premier-pro-caption",serif;
	}
	
	.brochure #content h1 {
		font-family: "garamond-premier-pro-caption",serif;
		color: #c0482f;
		border-bottom: 0px;
		font-size: 2.5em;
	}
	
	.brochure #text-content-container h2 {
		font-family: "adobe-garamond-pro",sans-serif;
		font-size: 2em;
		text-transform: none;
		border-bottom: 0px;
		color: #333;
	}
	
	.brochure #content h3 {
		font-family: "adobe-garamond-pro",sans-serif;
		font-size: 1.6em;
		text-transform: none;
		border-bottom: 0px;
		color: #333;
		margin: 10px 0px 10px 0px;
	}	
	
	.brochure #text-content-container  {
		font-family: "adobe-garamond-pro",sans-serif;
		font-size: 1.3em;
	}
	
	.brochure #text-content-container p {
		padding-bottom: 1.4em;
		line-height: 1.4em;
	}
	
	.brochure #text-content-container ul li {
		padding-bottom: 0em;
		line-height: 1.4em;
		list-style-image: url('/images/brochure/bullet.png');
		list-style-position: outside;
		margin-left: 20px;		
	}
	
	.brochure sup {
		font-size: 9px;
	}

	.brochure h1 sup {
		font-size: 34px;
	}
	
	.id-4099.brochure #text-content-container table {
		border: 1px solid #ccc;
	}
	
	.id-4099.brochure #text-content-container table td p {
		padding-bottom: 0;
		line-height: 18px;
	}
	
	.id-4099.brochure #text-content-container table td {
		border: 1px solid #ccc;
		padding: 5px 5px;
		line-height: 18px;
		font-size: 17px;
	}	
	
	.id-4099.brochure #text-content-container table tr:first-child {
		background: #F5F5F5;
		white-space: nowrap;
		padding: 10px 10px;
		
	}
	
	.id-4099.brochure #text-content-container table tr:first-child td {
		padding: 10px 10px;
		color: #c0482f;
	}	
	
	.id-4099.brochure #text-content-container table td:first-child {
		white-space: nowrap;
	}	
	
	.brochure #text-content-container table td {
		border-bottom: 1px solid #333;
	}
	
	.brochure #print {
		width: 58px;
	}
	
	.brochure #footer {
		font-family: "adobe-garamond-pro",sans-serif;
		font-size: 1.25em;
	}
	
	.brochure .footer-col h2 {
		font-family: "adobe-garamond-pro",sans-serif;
		border-bottom: 0px;
		display: none;
	}
	
	.brochure .footer-col h2 span {
		left: 0px;
	}
	
	.brochure #contact {
		margin-left: 300px;
		margin-right: 100px;
	}
	
	.brochure #text-content-container blockquote.table-bq {
		float: left;
		width: 46%;
		padding: 0%;
		margin: 10px 0 20px 0;
		background: #ffffff;
		
	}
	
	/* clear fix */
	.brochure #text-content-container blockquote.odd:after {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px;
	}
	
	
	.brochure #text-content-container blockquote {
		width: 46%;
		float: left;
		padding: 0%;
		margin: 10px 0 20px 0;
		background: #ffffff;	
	}

	.brochure #text-content-container blockquote.odd-b {
		border-left: 1px solid #000;
		padding-left: 2%;
	}
	
	.brochure #text-content-container blockquote.table-bq.odd-b {
		border-left: 0px solid #000;
		padding-left: 0%;
	}
	
	.brochure .title-4062_slo {
		background: url('/images/brochure/BIVANJE.png') 0px 17px no-repeat;
		padding-left: 60px;
	}
	
	.brochure .title-4063_slo {
		background: url('/images/brochure/PREVOZ.png') 0px 20px no-repeat;
		padding-left: 60px;
	}
	
	.brochure .title-4064_slo {
		background: url('/images/brochure/HRANA.png') 0px 17px no-repeat;
		padding-left: 60px;
	}
	
	.brochure .title-4065_slo {
		background: url('/images/brochure/ZDRAVSTVO.png') 0px 17px no-repeat;
		padding-left: 60px;
	}	
	
	.brochure .title-4066_slo {
		background: url('/images/brochure/POSTA.png') 0px 17px no-repeat;
		padding-left: 60px;
	}
	.brochure .title-4067_slo {
		background: url('/images/brochure/BANKA.png') 0px 17px no-repeat;
		padding-left: 60px;
	}	
	
	.brochure #print a span {
		font-size: 15px !important;
		line-height: 20px;
	}
	
	.brochure .back-to-top {
		cursor: pointer;
		position: fixed;
		bottom: 10px;
		right: 50px;
		display:none;
		z-index:100;
		background-color: rgba(0,0,0,.4) ;
		color: #fff;
		border-color: transparent;
		padding: 20px 20px;
		border-radius: 5px;
	}

	.brochure #footer  a.lipdf {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/pdf.gif) 0% .2em no-repeat;
	}
	
	.brochure #footer #colophone a {
		text-decoration: none;
	}
	
	.back-to-top .glyphicon {
		top: 0;
	}
	
	.back-to-top.btn-primary.active, .back-to-top.btn-primary.focus, .back-to-top.btn-primary:active, .back-to-top.btn-primary:focus, .back-to-top.btn-primary:hover {
		background-color: rgba(0,0,0,.5) ;
		color: #fff;
		border-color: rgba(0,0,0,.5);	
		outline: none !important;
	}	
	
	.brochure #calendar-response {
		position: relative;
		width: 55%;
	}
	
	.brochure .switcher-wrapper {
		position: absolute;
		top: 0px;
		width: 100%;
	}
	
	.brochure table#calendar-table {
		margin-top: 60px;
		font-size: 16px;
	}
	
	.brochure #cal-prev-month {
		
	}
	
	.brochure .arrow {
		width: 28px;
		height: 28px;
	}	
	
	.brochure .arrow.a-right {
		float: right;
	}
	
	.brochure .arrow.a-left {
		float: left;
	}
	
	.brochure #calendar-month-switcher {		
		text-align: center;
		text-transform: capitalize;
	}	
	
	.brochure #text-content-container table th {
		border-bottom: 0px solid #999;
		border-left: 0px solid #999;
		border-right: 0px solid #999;
		border-top: 1px solid #dbd7d7;
		padding: 20px 10px 10px 10px;
		color: #dbd7d7;
	}
	
	.brochure #calendar-table .day-existing {
		background-color: #fff;
		border-bottom: 0px;
		line-height: 16px;
	}
	
	.brochure #calendar-table .day-today {
		background-color: #fff;		
	}
	
	.brochure #calendar-table .day-today span {
		color: #c0482f !important;
	}
	
	.brochure #calendar-table td.day-event, .brochure #calendar-table .day-existing.day-today.day-event {
		background-color: #c0482f;
	}
	
	.brochure #text-content-container table#calendar-table .day-empty {
		border-bottom: 0px solid #333;
	}
	
	.brochure #calendar-table .day-existing.day-today {
		-webkit-box-shadow:inset 0px 0px 0px 1px #c0482f;
		-moz-box-shadow:inset 0px 0px 0px 1px #c0482f;
		box-shadow:inset 0px 0px 0px 1px #c0482f;
	}
	
	.brochure #calendar-content {
		position: relative;
		width: 30%;
		margin-left: 5%;
		float: left;
		background-color: #c0482f;
		padding: 30px 5%;
		color: #fff;
		font-size: 14px;
		line-height: 22px;		
	}
	
	.brochure #calendar-content .day-name {
		text-transform: uppercase;
		font-size: 14px;
	}
	
	.brochure #calendar-content .date {
		margin-bottom: 10px;
		padding-top: 30px;
		padding-bottom: 10px;
		border-bottom: 1px solid #fff;
		font-size: 27px;
	}
	
	.brochure.small-1 #calendar-content .date {
		font-size: 22px;
	}
	
	.brochure #calendar-content .date span {
		font-size: 73px;
	}
	
	.brochure.small-1 #calendar-content .date span {
		font-size: 40px;
	}
	
	.brochure #calendar-content  .event-title {
		margin-bottom: 30px;
		font-size: 25px;
	}
	
	.brochure #calendar-content  .event-title p {
		padding-bottom: 0.4em;
		font-size: 14px;
		opacity: .5;
	}
	
	.brochure #calendar-content .arrows-event {
		position: absolute;
		left: 30px;
		right: 30px;
		bottom: 15px;
		text-align: right;
	}

	.brochure #calendar-content .kol-arr {
		width: 28px;
		height: 28px;
	}

	.brochure .calendar-day	{
		width: 100%;
	}
	
	.brochure #calendar-content .flickity-prev-next-button {
		background: none;
		position: absolute;
		right: 5%;
		top: auto;
		bottom: 0;
		text-align: right;			
	}
	
	.brochure.small-1 .flickity-prev-next-button {
		width: 26px;
		height: 26px;
	}
	
	.brochure #calendar-content .flickity-prev-next-button .arrow {
		fill: white;	
	}
	
	.brochure #calendar-content .flickity-prev-next-button.previous {
		left: auto;
		right: 15%;
	}
	
	.brochure .form-notice {
		float: left;
		display: block;
		width: 100%;	
	}
	
	.block-wr {
		margin-top: 15px;
	}
	
	#text-content-container .block-wr p {
		padding-bottom: 0;
		text-indent: -10px;
		padding-left: 10px;
	}
	
	#wrapper-7 {
		margin-bottom: 15px;
	}
	
	.workshop-wrapper {
		display:flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 20px;
	}

	.workshop-image {
		flex: 0 0 200px;
		max-width: 200px;
		margin-right: 30px;
	}

	.workshop-text {
		flex: 0 0 calc(100% - 230px);
		max-width: calc(100% - 230px);
	}

	.workshop-text strong {
		margin-bottom: 15px;
		display: block;
	}

	.workshop-text p {
		padding-bottom: 0 !important;
	}

	.workshop-form {
		background-color: #c0482f;
		padding: 10px;
		width: 150px;
		color: #fff;
		margin-top: 15px;
		text-align: center;
	}

	#workshop .data4, #workshop .attachments-list {
		display: none;
	}

	.str-3973 table tr td:first-child {
		width: 100px;
	}
	
}

/*@media (min-width: 1025px) and (max-width: 1585px) {

	#body-entry #content-wrapper {
		padding: 0 30px 0 54px;
		width: 1168px;
	}
	
	#body-entry #news-list-wrapper {
		width: 869px;
	}
	
	#body-entry #news-list-first, #news-list {
		width: 869px;
	}
	
	#body-entry #news-list li {
		width: 420px;
	}
	
	#body-entry #msg-image, #body-entry #news-list #msg-image {
		max-width: 100%;
	}
	
	.archive-link {
		text-align: right;
	}
	
	.archive-link a {
		text-decoration: none !important;
		background: rgba(0, 0, 0, 0) url("../images/backgrounds/more.png") no-repeat scroll right 3px;
		padding-right: 20px;
		margin-right: 30px;
	}

}*/

.newsiframe  {
	position:relative;
	height:0;
	padding-bottom: 56.25%;
	
}


.newsiframe iframe {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (min-width: 1586px) {

	#body-entry #content-wrapper {
		padding: 0 30px 0 30px;
		width: 1499px;
	}
	
	#body-entry #news-list-wrapper {
		width: 1200px;
	}
	
	#body-entry #news-list-first, #news-list {
		width: 1200px;
	}
	
	#body-entry #news-list li {
		width: 380px;
	}
	
	#body-entry #msg-image, #body-entry #news-list #msg-image {
		max-width: 100%;
	}
	
	.archive-link {
		text-align: right;
	}
	
	.archive-link a {
		text-decoration: none !important;
		background: rgba(0, 0, 0, 0) url("/images/backgrounds/more.png") no-repeat scroll right 3px;
		padding-right: 20px;
		margin-right: 30px;
	}
	
	#news-list li.odd {margin-left: 0px;}
	#news-list li.second {margin-left: 30px;}
	#news-list li.third {margin-left: 30px;}
	#news-list li.fourth {margin-left: 0px;}
	#news-list li.fifth {margin-left: 30px;}
	#news-list li.sixth {margin-left: 30px;}
	#news-list li.seventh {margin-left: 0px;}
	#news-list li.eighth {margin-left: 30px;}
	#news-list li.ninth {margin-left: 30px;}
	#news-list li.small-news.second {margin-left: 30px;}
	#news-list li.small-news.fourth {margin-left: 30px;}
	#news-list li.small-news.sixth {margin-left: 30px;}
	#news-list li.small-news.third {margin-left: 0px;}
	#news-list li.small-news.fifth {margin-left: 0px;}
	#news-list li.small-news.seventh {margin-left: 0px;}
	#news-list li.small-news.ninth {margin-left: 0px;}
	
	.module-info {
	
	}
	
	.module-info span {
		font-weight: bold;
	}
	
	.module-info li {
		background-color: #fff;
		border-bottom: 1px solid #eee;
		display: block;
		margin-bottom: -1px;
		padding: 10px 0px 10px 0px;
		position: relative;
	}
	


	table#project-table td, table#project-table th {
		border-top: 1px solid #ddd;
		line-height: 1.42857;
		padding: 8px;
		vertical-align: top;
	}
	
	table#project-table thead td{
		border-top: 0px solid #ddd;
	}

}




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

@media print {

	body {
		font-size: .9em;
		font-family: "myriad-pro-n3", "myriad-pro", Arial, sans-serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { font-family: "Times New Roman", serif; }

	h1 { font-size: 1.6em; }

	h2 { font-size: 1.4em; }

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }
	
	a:link, a:visited, a:hover, a:active {
		text-decoration: underline !important;
		color: #c0482f !important;
	}
	
	#header a:link, #header a:visited, #header a:hover, #header a:active {
		color: #333 !important;
		text-decoration: none !important;
	}
	
	#banners-list, #news-list {
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	#banners-list li, #news-list li {
		list-style-type: none;
		list-style-position: outside;
		float: left;
		margin: 0px 5px 5px 0px;
		padding: 0px;
	}
	
	img.left {
		float: left;
		margin: 4px 20px 3px 0px;
	}
	
	img.right {
		float: left;
		margin: 4px 0px 3px 20px;
	}	
	
	#footer-wrapper, #banners { margin-top: 30px; }
	
	#lead-images-wrapper, #search-area, #menu-area, #language-area, #news-list-wrapper h2 a, #event-list h2 a, #facebook, #msg-image, #eduroam-mail, 
	#map, a.news-more, a.events-more, #breadcrumbs, #sidebar, #abc-list, .pagging, #print {
		display: none;
	}
	
}




/* 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;
	}

	.videos {
		width: 415px;
		background-color: #f2f2f2;
		right: 30px;
		top: -130px;
		z-index: 10;
		height: 130px;
		position:absolute;
		display: flex;
	}

	a.button {
		position:absolute; 
		bottom: 5px;
		left:5px;
		/*transform:translateX(-50%);*/
		border:none;
		background-color: #fff;
		color:#333;
		padding: 3px 7px 2px 7px;
		text-decoration:none;
		/*text-transform: uppercase;*/
		font-family:arial;
		font-size: 10px;
	}

	.small-1 .videos {
		width: 760px;
	}

	.video-container {
		position: absolute;
		height: 100%;
		width:100%;
		background-color: transparent;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		transition: all 300ms;
		opacity: 1;
	}

	.videos .col {
		height:0;
		padding-bottom: 130px;
		flex-grow: 1;
		background-size: auto 50px;
		background-position: center;
		background-repeat: no-repeat;
		position:relative;
		transition: all 150ms;
		width:54%;

		
	}

	.mobile .videos {
		width: 100%;
		top: initial;
		right:initial;
		position:relative;
	}

	.videos .col.col2 {
		background-size: auto 90px;
		background-position: center top 10px;
	}

	.videos .col.col1 {
		flex-grow: 1.2;
		width:46%;
	}

	.videos .col.col1:after {
		content: '';
		height: 120px;
		width: 1px;
	  
		position: absolute;
		right: 0;
		top: 50%;
		transform:translateY(-50%);
	  
		background-color: #dadada;
	  }

	.videos .col1:hover {
		background-size: auto 55px;
	}

	.videos .col2:hover {
		background-size: auto 95px;
	}

	.videos .col:hover h1 {
		/*font-size: 15px;
		line-height:15px;*/
	}

	.videos .col h1 {
		position: absolute;
		bottom: 60%;
		color: #fff;
		/*text-transform: uppercase;*/
		left: 50%;
		transform:translate(-50%,50%);
		font-size: 14px;
		line-height:14px;
		width:calc(100% - 20px);
		max-width:390px;
		text-align:center;
		transition: all 300ms;
		font-weight:bold;
		background:rgba(51,51,51,.5);
		padding: 5px;

	}

	.videos .col1 h1 {
		/*color: #333;*/
		background:rgba(51,51,51,.5);
	}

	.videos .col span {
		display: block;
		font-weight:300;
		font-size: 13px;
		line-height:13px;
		margin-top:5px;
	}

}

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