/*
Client: ISTRA BIKE
Author: Elipsa IT
Author URI: http://www.elipsa-it.com/
CSS Author: dotTOM
CSS Author URI: http://www.dottom.info/
*/
#cookiePolicy {position:fixed; top:0; left:0; width:100%; background:#edf4f6; color:#abaaab; z-index:10000; text-align:center; padding:15px 0; margin:0;}
/*	1. RESET
************************************ http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; outline: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; }
audio, canvas, video { display:inline-block; max-width:100%; }
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; }
html { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }




/*	2. GLOBAL
************************************/
body {
	background:#fff;
}
body, button, input, select, textarea {
	font-family:'Open Sans',Arial,sans-serif;
	color:#333;
	text-align:left;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}

/* headings ---------------------- */
h1, h2, h3, h4, h5, h6 {
	margin-bottom:16px; margin-bottom:1rem;
	font-weight:600;
	line-height:1.3;
	color:#333;
}
h1	{ font-size:36px; font-size:2.25rem; color:#111; margin-bottom:20px; margin-bottom:1.25rem; }
h2	{ font-size:24px; font-size:1.5rem; }
h3	{ font-size:20px; font-size:1.25rem; }
h4	{ font-size:18px; font-size:1.125rem; line-height:1.4; font-weight:700; }
h5	{ font-size:16px; font-size:1rem; line-height:1.4; font-weight:700; }
h6	{ font-size:12px; font-size:0.75rem; line-height:1.5; font-weight:700; }

.siteTitle {
	margin:0 40px 15px 0;
	line-height:1;
	vertical-align:middle;
}
.siteTitle a {
	display:block;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}
.siteTitle a img {
	height:1.1em;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}
.siteDescription { 
	position:relative;
	margin:0; margin-top:10px; margin-top:0.625rem;
	line-height:1;
	display:none; 
	vertical-align:middle;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}

.heading h1, .heading h2		{ font-size:32px; font-size:1.875rem; font-family:'Open Sans',Arial,sans-serif; }



/* text elements ---------------- */
p						{ font-size:14px; font-size:0.875rem; line-height:1.5; margin-bottom:1em; }

a						{ color:#333; text-decoration:none; }
a:hover, a:focus		{ color:#00AFF1; text-decoration:none; }

p a, li a, td a			{ color:#00B3C2; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
p a:hover, p a:focus,
li a:hover, li a:focus,
td a:hover, td a:focus	{ color:#73D517; }

b, strong		{ font-weight:700; }
em, i, cite		{ font-style:italic; }
u				{ text-decoration:underline; }

blockquote, q	{ padding:20px; padding:1.25rem; line-height:1.4; color:#888; font-size:18px; font-size:1.125rem; font-weight:400; font-style:italic; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; }
blockquote cite { display:block; color:#222; font-size:14px; font-size:0.875rem; font-weight:700; text-align:right; letter-spacing:0.05em; }
blockquote p	{ font-size:1em; }

sup, sub		{ font-size:0.75em; line-height:1; height:0; position:relative; vertical-align:baseline; }
sup				{ bottom:1ex; }
sub				{ top:0.5ex; }

small			{ font-size:0.8em; }
big				{ font-size:1.25em; }

abbr, acronym	{ border-bottom:1px dotted #666; cursor:help; }
address			{ margin:0 0 1em; font-style:italic; }
del				{ color:#666; }

pre,code,tt,var	{ font-family:monospace,serif; color:#333; background:#eee; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }
pre				{ margin:0 0 1em 0; padding:1em; white-space:pre; display:block; }
code			{ display:inline-block; padding:0 0.5em; line-height:1.3; font-size:12px; font-size:0.75rem; }

hr				{ background:#e5e5e5; margin-bottom:1em; height:1px; clear:both; float:none; width:100%; border:0; }
hr.dotted		{ background:url(../images/back_dotted.png) 0 0 repeat-x; margin-bottom:1em; height:1px; clear:both; float:none; width:100%; border:0; }

/* Alignment */
.alignleft		{ float:left; margin:0 1.25em 1.25em 0; }
.alignright		{ float:right; margin:0 0 1.25em 1.25em; }
.aligncenter	{ display:block; margin:0 auto 1.25em auto; }
.textcenter		{ text-align:center; }

.caps			{ text-transform:uppercase; }



/* 3. MEDIA OBJECTS
************************************/
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
article img, .content img, .main img, .sidebar img {
	max-width: 100%;
}
article img, .siteHeader img {
	height: auto;
}
img.fullsize {
	height: auto;
	max-width: 100%;
	margin-bottom:1.25em;
}

img.alignleft, img.alignright {
	max-width:45%;
	padding:5px; padding:0.3125rem;
	background-color:#fff;
	border:1px solid #ddd;	
}

blockquote.alignleft, blockquote.alignright {
	border-top:1px solid rgba(0, 0, 0, 0.1);
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	padding-top:1em;
	width:40%;
}

/* Make sure embeds and iframes fit their containers */
embed, iframe, object, video {
	margin-bottom:1.25em;
	max-width:100%;
}

/* other */
.itemImage img {
	margin-bottom:1em;
}



/* 4. BUTTONS
************************************/
button::-moz-focus-inner, .button::-moz-focus-inner, input.button::-moz-focus-inner, [type="button"]::-moz-focus-inner {
	padding:0; border:0;
}
button, .button {
	display:inline-block;
	margin:0;
	padding:0 1em;
	line-height:2em;
	height:2em;
	font-size:16px; font-size:1rem;
	font-weight:bold;
	color:#333;
	background:#eee;
	border:0;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
	-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	outline:none;
	overflow:visible;
	vertical-align:baseline;
	cursor:pointer;
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
.button.small, .small .button	{ font-size:12px; font-size:0.75rem; }
.button.medium, .medium .button	{ font-size:18px; font-size:1.125rem; }
.button.large, .large .button	{ font-size:20px; font-size:1.25rem; }

.button.full	{ width:100%; padding-left:0; padding-right:0; text-align:center; }

button:hover, .button:hover		{ color:#fff; background:#73D517; }

.button.primary					{ color:#fff; background-color:#73D517; border-color:#73D517; }
.button.primary:hover			{ color:#fff; background-color:#00B3C2; border-color:#00B3C2;  }

.button.blue					{ color:#fff; background-color:#39ABEC; border-color:#39ABEC; }
.button.blue:hover				{ color:#fff; background-color:#0096D6; border-color:#0096D6;  }

.button.dark					{ color:#fff; background-color:#333; background-color:rgba(0,0,0,.5); border-color:#333; border-color:rgba(0,0,0,.5); }
.button.dark:hover				{ color:#fff; background-color:#0096D6; border-color:#0096D6;  }

.button.green					{ color:#fff; background-color:#3EB400; border-color:#3EB400; }
.button.green:hover				{ color:#fff; background-color:#469904; border-color:#469904;  }

.button.red						{ color:#fff; background-color:#d84a38; border-color:#d84a38; }
.button.red:hover				{ color:#fff; background-color:#c53727; border-color:#c53727;  }

.button.yellow					{ color:#000; color:rgba(0,0,0,.8); background-color:#FFDB00; border-color:#FFDB00; }
.button.yellow:hover			{ color:#000; background-color:#EAB902; border-color:#EAB902;  }

.button.white					{ color:rgba(0,0,0,.7); border-color:#fff; }
.button.white:hover				{ color:#39ABEC; background-color:#fff; border-color:#39ABEC;  }




/* 5. FORMS
************************************/
form ol							{ font-size:16px; font-size:1rem; }
.htmlAreaContainer form ol, .htmlAreaContainer form ol li	{ list-style:none; margin:0; padding:0; background:none; }
.htmlAreaContainer form ol li								{ margin-bottom:0.5em; }

form > fieldset > ol > li > div				{ display:block; float:left; position:relative; }
form > fieldset > ol > li.blockem > div		{ float:none; }

label			{ display:block; font-size:1em; font-weight:normal; color:#555; margin-bottom:0.357em; }
form div label	{ font-size:0.9em; margin-bottom:0.214; }

fieldset		{ padding:1em 0 0.5em 0; margin:0; background:url(../images/back_dotted.png) 0 0 repeat-x; }
fieldset.first	{ border-top:0; padding-top:0; background:none; }

legend			{ font-weight:bold; font-size:1.2em; white-space:normal; }

input.text, select, textarea {
	float:left;
	width:100%;
	margin:0 0 0.5em 0;
	padding:0.2em 0.5em 0.2em 0.5em;
	height:2em;
	font-size:14px; font-size:1em;
	line-height:1.6em;
	color:#2b2b2b;
	border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.2);
	-webkit-border-radius:0.125em; -moz-border-radius:0.125em; border-radius:0.125em;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	vertical-align:baseline;
	outline:none;
}
input.text, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
input.text	{ }
textarea	{ width:100%; height:6em; resize:vertical; vertical-align:top; }

.small		{ font-size:12px; font-size:0.75rem; }
.medium		{ font-size:16px; font-size:1rem; }
.large		{ font-size:20px; font-size:1.25rem; }

input.text:focus, textarea:focus, select:focus {
	border:1px solid #666;
}

.calendar .im {
	position:absolute; bottom:.5em; right:.5em; z-index:1;
	display:block;
	line-height:2em;
}

::-webkit-input-placeholder	{ color:#939393; }
:-moz-placeholder			{ color:#939393; }
::-moz-placeholder			{ color:#939393; opacity:1; }
:-ms-input-placeholder		{ color:#939393; }

	/* Side by side form ------- */

	/* other ------- */
form p.note				{ clear:both; font-size:11px; font-size:0.6875rem; color:#aaa; margin-bottom:0.3em; padding:0.3em 0; }
form div p.note			{ position:relative; top:-0.3em; padding:0; }
form .textin			{ float:left; display:block; line-height:2.2em; font-size:11px; font-size:0.6875rem; color:#888; }

form .blockem input.text, form .blockem select, form .blockem textarea
						{ display:block; float:none; }

form div, input			{ vertical-align:top; }
form .diff				{ display:inline-block; }
form .blockem .diff	 	{ display:block; }
form .diff label		{ width:auto; display:inline-block; color:#888; line-height:1.2; font-size:12px; font-size:0.75rem; padding-top:0.25em; padding-right:1.5em; }
form .test .diff label	{ width:70px; }
form .blockem label		{ width:auto; }

form .inlined > *		{ display:inline-block; width:auto; margin-right:0.5em; }

form .full div			{ width:100%; }

div.error {
	background: url(../upl_images/error_icon.png) no-repeat; 
	padding-left: 20px;
	padding-bottom: 10px;
}


/* 6. TABLES
************************************/
table		{ width:100%; }
th,td		{ font-size:14px; font-size:0.875rem; line-height:1.5; }
td			{ vertical-align:top; text-align:left; }
caption		{ padding:0.35em; background:#eee; text-align:center; }

/* other ------------------------- */
.htmlAreaContainer table {
	margin:10px 0 30px 0;	
}
.htmlAreaContainer th, .htmlAreaContainer td {
	padding:5px;
	padding-left:10px;
	font-size: 14px;
	border-top:1px solid #fff;
	border-left:1px dotted #ddd;
	font-weight:normal;
	text-align:left;
}
.htmlAreaContainer th {
	background:#333;
	font-weight:bold;
	color:#fff;
	font-size:13px;
	vertical-align:middle;
	text-shadow:1px 1px 2px rgba(0,0,0,.3);
	border-color:#666;
	border-bottom:5px solid #fff;
}
.htmlAreaContainer td {
	vertical-align: text-bottom;
	text-shadow:0px 1px 1px rgba(255,255,255,8.);
	background:#fff;
}
.htmlAreaContainer tbody td:first-child {
	font-weight:bold;
	border:0;
}
.htmlAreaContainer tr:nth-child(even) td {
	background:#f8f8f8;	
}



table.partnertable {
	margin:0;
	border:none;
}
table.partnertable td {
	padding:10px 0;
	width:33%;
	vertical-align:text-top;
	background:none;
	font-size:11px;
	color:#888;
	text-align:center;
}
table.partnertable tr:nth-child(even) td {
	background:none;
}
table.partnertable td a {
	display:block;
	margin-bottom:5px;
}
table.partnertable td a img {
	max-width:100%;
}




/* 7. LISTS
************************************/
.htmlAreaContainer ul				{ list-style:disc; }
	.htmlAreaContainer ul ul 		{ list-style:circle; }
	.htmlAreaContainer ul ul ul		{ list-style:square; }
	.htmlAreaContainer ul ul ul ul	{ list-style:circle; }
.htmlAreaContainer ol				{ list-style:decimal; }
	.htmlAreaContainer ol ol 		{ list-style:upper-alpha; }
	.htmlAreaContainer ol ol ol		{ list-style:lower-roman; }
	.htmlAreaContainer ol ol ol ol	{ list-style:lower-alpha; }

.htmlAreaContainer ul, .htmlAreaContainer ol		{ margin:0 0 1em 1.5em; }
.htmlAreaContainer li ul, .htmlAreaContainer li ol	{ margin:0 1em; }
.htmlAreaContainer ul li							{ font-size:14px; font-size:0.875rem; }
.htmlAreaContainer li								{ margin:0.35em 0; line-height:1.5; }

/* other ------------------------- */
.primaryNav .menu > li {
	float:left;
}
.primaryNav .menu > li > a {
	position:relative; z-index:101;
	display:block;
	padding:0 0.6em;
	line-height:3.5;
	font-size:12px; font-size:0.75rem;
	font-weight:600;
	color:#333;
	text-transform:uppercase;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
	background:url(../images/arrow_menu_blue.png) 50% 1000px no-repeat;
}
.primaryNav .menu > li:hover > a {
	color:#00AFF1;
	background-position:50% 100%;
}
.primaryNav .menu > li.active > a {
	z-index:10;
	font-weight:700;
	background:url(../images/arrow_menu_gray.png) 50% 100% no-repeat;
}
.primaryNav .menu > li.active:hover > a {
	z-index:101;
}

.primaryNav ul ul {
	display:none;
	/*-webkit-animation:slideNav2 1s; -moz-animation:slideNav2 1s; -o-animation:slideNav2 1s; animation:slideNav2 1s;*/
}
.primaryNav .menu > li.active,
.primaryNav .menu > li:hover {
	padding-bottom:2.25em;
}
.home .primaryNav .menu > li.active,
.home .primaryNav .menu > li:hover {
	padding-bottom:0;
}
.primaryNav .menu > li:hover > ul,
.primaryNav .menu > li.active > ul {
	display:block;
	position:absolute; bottom:0; left:0; right:0;
	border-top:1px solid #C7E1EA;
	padding-bottom: 18px;
	background:#EBF5F8 url(../images/border_colored.jpg) 0 100% repeat-x;
}
.primaryNav .menu > li.active > ul {
	background-color:#eee;
	border-color:#ccc;
}
.primaryNav .menu > li:hover > ul {
	z-index:100;
}
.primaryNav .menu > li:hover ul li,
.primaryNav .menu > li.active ul li {
	display:inline-block;
}
.primaryNav .menu > li:hover ul li a,
.primaryNav .menu > li.active ul li a {
	display:block;
	padding:1em;
	color:#666;
	font-size:12px; font-size:0.75rem;
}
.primaryNav .menu > li:hover ul li:hover a,
.primaryNav .menu > li.active ul li:hover a {
	color:#00AFF1;
}
.primaryNav .menu > li:hover ul li.active a,
.primaryNav .menu > li.active ul li.active a {
	font-weight:700;
	color:#333;
}



.secondaryNav .langNav li {
	float:left;
}
.secondaryNav .langNav li a {
	display:block;
	width:2em;
	line-height:2em;
	text-align:center;
	color:#333;
	font-size:10px; font-size:0.625rem;
	-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;
}
.secondaryNav .langNav li a:hover {
	color:#00AFF1;
}
.secondaryNav .langNav li a.active {
	font-weight:700;
}

.secondaryNav .menu-secondary li {
	display:inline-block;
}
.secondaryNav .menu-secondary li a {
	display:block;
	padding:0.2em 0.5em;
	color:#666;
	font-size:11px; font-size:0.6875rem;
}
.secondaryNav .menu-secondary li a:hover {
	color:#00AFF1;
}



.listContent {
	text-align:left;
}
.listContent > li {
	margin-bottom:1em;
}
.listContent article {
	position:relative;
}/*
.listContent .imageContainer {
	width:100%;
	padding-bottom:83.3333%;
	height: 0;
}*/
.listContent img {
	display:block;
	width:100%;
}
.listContent.listNoMargin {
	width:100%;
}
.listContent.listNoMargin > li {
	width:100%;
	margin-left:0;
	padding-right:0;
}
.listContent article .htmlAreaContainer ul {
	list-style:none; margin:0; padding:0;
}
.listContent article .htmlAreaContainer ul li {
	list-style:none; margin:0; padding:0; width:auto; float:none;
	font-size:0.75em;
	line-height:1.5;
}





.listFeatured li {
	position:relative;
	margin-bottom:1em;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listFeatured .itemimage {
	display:block;
}
.listFeatured li:hover .itemimage {
	-webkit-transform: scale(1.03,1.05); -moz-transform: scale(1.03,1.05); -ms-transform: scale(1.03,1.05); -o-transform: scale(1.03,1.05); transform: scale(1.03,1.05);
	-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; transition:all .25s ease-in-out;
}
.listFeatured .itemimage img {
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listFeatured .itemcontent {
	position:absolute; bottom:0; left:0; right:0; z-index:5;
	padding:0.8em 8%;
}
.listFeatured .itemcontent h4 {
	margin-bottom:0.1em;
	font-size:1em;
	color:#fff;
}
.listFeatured .itemcontent h2 {
	margin-bottom:0.15em;
	color:#fff;
	text-transform:uppercase;
}
.listFeatured .itemcontent h2 a {
	display:block;
	font-weight:800;
	color:#fff;
}
.listFeatured .itemcontent p {
	font-size:0.75em;
	color:#fff;
}


.listFeatured .item-pictos {
	position:absolute; top:1em; left:-1.1em;
	width:2.2em;
}
.listFeatured .item-pictos li {
	margin-bottom:0.3em;
	width:2.2em;
	height:2.2em;
	text-indent:-9000em;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}


.listEvents li {
	margin-bottom:1em;
}
.listEvents li * {
	margin-bottom:0.1em;
}
.listEvents li a {
	display:block;
	padding:1.5em 8%;
	color:#333;
	background:#eee;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listEvents li p {
	font-size:0.75em;
}
.listEvents li .datetime {
	font-size:0.875em;
	font-weight:600;
}
.listEvents li h2 {
	margin-bottom:0.15em;
	color:#333;
	font-size:1.1em;
	font-weight:bold;
}
.listEvents li a:hover {
	background:#666;
	-webkit-transform: scale(1.03,1.05); -moz-transform: scale(1.03,1.05); -ms-transform: scale(1.03,1.05); -o-transform: scale(1.03,1.05); transform: scale(1.03,1.05);
	-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; transition:all .25s ease-in-out;
}
.listEvents li a:hover * {
	color:#fff;
}

.listArticles article {
	margin-bottom:1em;
	background:#eee;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listArticles .article-image {
	display: block;
}
.listArticles li:hover .article-image {
	-webkit-transform: scale(1.03,1.05); -moz-transform: scale(1.03,1.05); -ms-transform: scale(1.03,1.05); -o-transform: scale(1.03,1.05); transform: scale(1.03,1.05);
	-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; transition:all .25s ease-in-out;
}
.listArticles .article-image img {
	width:100%;
	-webkit-border-top-left-radius:0.5em; -moz-border-radius-topleft:0.5em; border-top-left-radius:0.5em;
	-webkit-border-top-right-radius:0.5em; -moz-border-radius-topright:0.5em; border-top-right-radius:0.5em;
}
.listArticles header {
	position:relative;
	padding:1em 6%;
}
.listArticles header .article-subheading {
	position:absolute; top:-2.5em; left:0; right:0;
	padding:0 6%;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}
.listArticles header h3 {
	margin-bottom:0;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
}
.listArticles header h3 a {
	display:block;
	color:#333;
}
.listArticles header p {
	margin-bottom:0;
	margin-top:0.3em;
	font-size:0.75em;
}

.listArticles.bOrange article {
	background:#73D517;
}
.listArticles.bOrange header h3 a {
	color:#fff;
}




.listMedia li {
	text-align:center;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listMedia header {
	padding:1em 6%;
	background:#eee;
	-webkit-border-top-left-radius:0.5em; -moz-border-radius-topleft:0.5em; border-top-left-radius:0.5em;
	-webkit-border-top-right-radius:0.5em; -moz-border-radius-topright:0.5em; border-top-right-radius:0.5em;
}
.listMedia header img {
	display:inline-block;
	max-width:none;
	width:auto;
	margin-bottom:0.7em;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listMedia h3 {
	font-size:1em;
	margin-bottom:0;
}
.listMedia footer {
	padding:1em 0;
	background:#333;
	-webkit-border-bottom-left-radius:0.5em; -moz-border-radius-bottomleft:0.5em; border-bottom-left-radius:0.5em;
	-webkit-border-bottom-right-radius:0.5em; -moz-border-radius-bottomright:0.5em; border-bottom-right-radius:0.5em;
}
.listMedia .itemSize {
	margin-bottom:0.5em;
	color:#fff;
	font-size:0.75em;
}
.listMedia .itemList li {
	display:inline-block;
	padding:0 0.3em;
	font-size:0.875em;
}
.listMedia p {
	margin:0.5em 0 0 0;
	color:#ccc;
	font-size:0.75em;
}


.family_smile {
	height: 44px;
	background: url(../images/smile_f_and_r.png) 80% 0px no-repeat;
	margin-top: -25px;

}

#selected-tracks div.family_smile {
	display: none;
	width: 0;
	height: 0;
}


.listPro article {
	background:#e9e9e9;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.listPro article header {
	padding:0.5em 1em;
}
.listPro article header.hasPictos {
	padding-top:1em;
	padding-left:4em;
}
.listPro article footer {
	background:#eee;
	padding:1em 1em 0.3em 1em;
	border-top:1px solid #fff;
	-webkit-border-bottom-left-radius:0.5em; -moz-border-radius-bottomleft:0.5em; border-bottom-left-radius:0.5em;
	-webkit-border-bottom-right-radius:0.5em; -moz-border-radius-bottomright:0.5em; border-bottom-right-radius:0.5em;
}

.listPro article header p {
	margin-top:0.5em;
	margin-bottom:0.2em;
	font-size:0.75em;
	color:#333;
}
.listPro article header.hasPictos p {
	margin-bottom:0.5em;
}
.listPro article header h2 {
	margin-bottom:0;
	font-size:1em;
	font-weight:600;
	text-transform:uppercase;
}
.listPro article header h2 a {
	display:block;
	color:#333;
}
.listPro article header h2.numbered a {
	padding-left:38px;
}
.listPro article header h2.numbered span {
	float:left;
	width:45px;
	margin-left:-45px;
}

.listPro .item-pictos {
	float:left;
	margin-left:-3em;
	width:2.2em;
}
.listPro .item-pictos li {
	margin-bottom:0.3em;
	width:2.2em;
	height:2.2em;
	text-indent:-9000em;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

ul.item-specs {
	list-style:none; margin:0; padding:0;
}
ul.item-specs li {
	list-style:none; margin:0; padding:0;
	display:inline-block;
	padding-left:30px;
	margin-bottom:1em;
	width:49%;
	line-height:1.715em;
	font-size:0.875em;
	color:#333;
	font-weight:600;
	vertical-align:top;
}
.item-specs li * {
	vertical-align:middle;
}
.item-specs li a {
	display:inline-block;
	color:#333;
	text-transform:uppercase;
}
.item-specs .icon {
	float:left;
	width:24px;
	height:24px;
	margin-left:-30px;
	background:#00D6BF url(../images/pictos_trail_dark.png) 0 0 no-repeat;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

aside .item-specs li {
	display:block;
	padding-bottom:1em;
	padding-left:34px;
	width:100%;
	border-bottom:1px dashed #ccc;
}
aside .item-specs li.objectFloatLeft {
	padding-left:3em;
}
aside .item-specs li.objectFloatLeft span {
	display:inline-block;
	font-size:0.75em;
	margin-right:0.5em;
	min-width:80px;
}
aside .item-specs li .bgimage {
	float:left;
	margin-left:-3em;
	width:2.2em;
	height:2.2em;
	text-indent:-9000em;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
aside .item-specs .icon {
	margin-left:-34px;
}

.htmlAreaContainer .item-specs li {
	display:block;
	width:100%;
}

.secondary-sidebar .item-specs li {
	border:none;
	padding-bottom:0;
	font-size:16px;
	font-weight:normal;
}
.secondary-sidebar .item-specs .icon {
	width:28px;
	height:28px;
	background-color:#fff;
	border:2px solid #666;
}


.listPro article:hover {
	background:#888;
	cursor:pointer;
	-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
.listPro article:hover footer {
	background:#777;
	-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
.listPro article:hover p,
.listPro article:hover h2,
.listPro article:hover li,
.listPro article:hover a {
	color:#fff;
	-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}



.contactList {
}
.contactList li {
	line-height:1.5;
	font-size:0.875em;
}
.contactList li.name {
	font-weight:600;
}

.contactList2 {
	margin-top:0.7em;
}
.contactList2 li {
	margin-bottom:0.5em;
	padding-left:2.2em;
	line-height:1.666em;
	font-size:0.75em;
}
.contactList2 li a {
	color:#111;
}
.contactList2 .icon {
	display:block;
	float:left;
	margin-left:-2.2em;
	width:1.6666em;
	height:1.6666em;
	background:#ccc url(../images/pictos_contact.png) 50% 0 no-repeat;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.contactList2 .name .icon	{ background-position:50% 2px; }
.contactList2 .address .icon	{ background-position:50% -28px; }
.contactList2 .phone .icon	{ background-position:50% -58px; }
.contactList2 .fax .icon		{ background-position:50% -88px; }
.contactList2 .email .icon	{ background-position:50% -118px; }
.contactList2 .web .icon		{ background-position:50% -148px; }
.contactList2 .mobile .icon	{ background-position:50% -178px; }
.contactList2 .chat .icon	{ background-position:50% -208px; }


ul.langspoken {
	list-style:none; margin:0 0 10px 0; padding:0;
}
ul.langspoken li {
	list-style:none; margin:0 0.5em 0 0; padding:0;
	float:left;
	width:1.5em;
	height:1.5em;
}



.topList > li {
	position:relative;
	padding:1em;
	background:#333;
}
.topList > li header {
	text-align:center;
}
.topList > li footer {
	position:absolute; bottom:0; left:0; right:0;
	padding:0.8em 1em 0 1.5em;
	background:#EBEBEB; background:rgba(255,255,255,.9);
}
.topList > li footer ul {
	display:none;
	position:relative; top:-0.5em;
	padding-bottom:0.5em;
}
.topList > li:hover footer ul {
	display:block;
}

.topList .itemList {
	margin-left:-0.38em;
}
.topList .itemList li {
	display:inline-block;
	margin:0.1em 0.5em;
	line-height:1.3;
	font-size:0.75em;
}
.topList .itemList li a {
	color:#00AFF1;
}


.topList2 > li {
	position:relative;
}
.topList2 > li header {
	min-height:400px;
	background-position:50% 50%;
	background-repeat:no-repeat; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
.topList2 > li footer {
	position:absolute; bottom:0; left:0; right:0;
	padding:1em;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
}
.topList2 > li footer * {
	color:#fff;
}
.topList2 > li h5 {
	font-size:0.875em;
	margin-bottom:0.2em;
	font-weight:normal;
}
.topList2 > li h4 {
	font-size:1.2em;
	margin-bottom:0em;
	font-weight:600;
}
.topList2 > li h2 {
	font-size:1.6em;
	margin-bottom:0.2em;
	font-weight:700;
}



.contactwidget {
	padding-left:2.2em;
	padding-bottom:0.5em;
	border-bottom:1px solid #ddd;
}
.contactwidget .icon.user {
	float:left;
	margin-left:-2.2em;
	width:28px;
	height:28px;
	text-indent:-9000em;
	background:url(../images/icon_author.png) 50% 0 no-repeat;
	border:2px solid #666;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

.contactwidget .contactList {
	margin-bottom:0.5em;
}
.contactwidget .contactList li {
	font-size:1em;
}


.langList {
	list-style:none; margin:0; padding:0;
}
.langList li {
	list-style:none; margin:0 0.5em 0 0; padding:0;
	float:left;
	font-size:0.75em;
	width:2.5em;
	line-height:2.4em;
	text-align:center;
	background:#888;
	color:#fff;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}


.listSocial li {
	display:inline-block;
	width:15%;
}
.listSocial li a {
	display:block;
	color:#fff;
	font-size:12px; font-size:0.75rem;
	text-align:center;
	font-weight:bold;
}
.listSocial li a i {
	display:inline-block;
	margin-bottom:0.3em;
	width:2em;
	line-height:2em;
	font-size:2em;
	color:#0096D6;
	background:#fff;
}
.listSocial li a span {
	display:block;
	text-align:center;
	font-size:0.9em;
	letter-spacing:-0.03em;
}


.itemNav, .chaptersVer {
	margin-bottom:2em;
	padding-bottom:1em;
	font-size:0.75em;
	border-bottom:1px solid #ddd;
}
.itemNav li, .chaptersVer li {
	float:left;
	height:1em;
	border-left:1px solid #ddd;
}
.itemNav li:first-child, .chaptersVer li:first-child {
	border-left:none;
}
.itemNav li a, .chaptersVer li a {
	position:relative;
	display:block;
	margin-top:-1em;
	padding:0.8em;
	line-height:1.3;
	color:#333;
	font-weight:600;
}
.itemNav li a:before, .chaptersVer li a {
	content: '';
	position:absolute; bottom:-1.25em; left:50%;
	margin-left:-8px;
	width:0;
	height:0;
	background: url(../images/arrow_down.png) 50% 0 no-repeat;
}
.itemNav li:hover a, .chaptersVer li:hover a {
	color:#73D517;
}
.itemNav li.active a, .chaptersVer li.active a {
	color:#00B3C2;
}
.itemNav li a.active:before, .chaptersVer li a.active:before {
	width:17px;
	height:13px;
}


ul.tabNav {
	list-style:none; margin:0; padding:0; font-size:0;
	margin-bottom:1em;
	background:#f9f9f9;
}
ul.tabNav li {
	list-style:none; margin:0; padding:0;
	display:inline-block;
	font-size:16px; font-size:1rem;
}
ul.tabNav li a {
	display:block;
	padding:0.7857em 0;
	font-size:14px; font-size:0.875rem;
	text-align:center;
	color:#666;
}
ul.tabNav li:hover a {
	color:#fff;
	background:#666;
}
ul.tabNav li.active a {
	padding:0.5em 0;
	font-size:18px; font-size:1.125rem;
	color:#fff;
	background:#00B3C2;
}


.mainSidebar .menu3,
.articleNav {
	margin-bottom:1em;
	background:#f9f9f9;
}
.mainSidebar .menu3 li,
.articleNav > li {
	font-size:14px; font-size:0.875rem;
}
.mainSidebar .menu3 li a,
.articleNav > li > a {
	display:block;
	padding:0.5em 0.8em;
	color:#666;
}
.mainSidebar .menu3 li:hover a,
.articleNav > li:hover > a {
	color:#fff;
	background:#666;
}
.mainSidebar .menu3 li.active a,
.articleNav > li > a.active,
.articleNav > li.active {
	color:#fff;
	background:#00B3C2;
}
.articleNav > li.active > a {
	color:#fff;
	background:#00B3C2;
}
.mainSidebar .menu4,
.articleNav ul {
	display:none;
	border-top:1px solid #2FC2D0;
}
.mainSidebar .active .menu4,
.articleNav .active ul {
	display:block;
}
.mainSidebar .menu4 li a,
.articleNav ul li a {
	display:block;
	color:#fff;
	font-size:0.875em;
	padding:0.5em 0.5em 0.5em 1.5em;
}
.mainSidebar .menu4 li:hover a,
.articleNav ul li:hover a {
	color:#fff;
	background:#2FC2D0;
}
.mainSidebar .menu4 li.active a,
.articleNav ul li.active a {
	background:#2FC2D0;
}


.listItems {
	border-top:1px solid #ddd;
}
.listItems li {
	padding:0.5em 100px 0.5em 1em;
	background:#fafafa;
	border-bottom:1px solid #ddd;
}
.listItems li:nth-child(2n-1) {
	background:#eee;
}
.listItems h3 {
	margin:0.15em 0 0 0;
	font-size:1em;
}
.listItems footer {
	float:right;
	margin-right:-100px;
	width:80px;
}
.listItems .dl {
	margin-bottom:0.5em;
	line-height:1.715em;
	font-size:0.875em;
	color:#333;
	font-weight:600;
	vertical-align:top;
}
.listItems .dl a {
	display: block;
}
.listItems .dl .icon {
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:0.4em;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	vertical-align: middle;
}
.listItems .dl .textdesc {
	display:inline-block;
	color:#333;
	font-size:0.875em;
	vertical-align: middle;
	text-transform:uppercase;
}

.listItems h3.numbered {
	padding-left:45px;
}
.listItems h3.numbered span {
	display:block;
	float:left;
	margin-left:-45px;
	width:45px;
}


.checkList {
	margin-left:-1em;
	font-size:0.75em;
}
.checkList li {
	display:inline-block;
	margin-bottom:0.5em;
	padding:0.2em 1em;
	border-right:1px solid #e5e5e5;
}




.articleListHor {
	list-style:none; margin:0; padding:0;
}
.articleListHor li {
	list-style:none; margin:0; padding:1em 0;
	background:#fff;
	border-bottom:1px solid #ddd;
}
.articleListHor li h3 {
	margin-bottom:0.3em;
}
.articleListHor li .htmlAreaContainer {
	margin-bottom:0;
}
.articleListHor li .more2 {
	display:block;
	text-align:right;
	font-size:0.875em;
}
.articleListHor li.listimage {
	padding-left:11em;
}
.articleListHor li.listimage img {
	float:left;
	margin-left:-11em;
	max-width:10em;
}


.partnerList {
	margin:0 1em;
	padding:1em 0 0 0;
}
.partnerList li {
	margin-bottom:1em;
	text-align:center;
}
.partnerList li img {
	max-width:80%;
}


.bannerList li {
	margin-bottom:1em;
}
.bannerList li a {
	display:block;
	padding-top:50px;
	background:#00B3C2;
}
.bannerList li.photo a	{ background:#00B3C2 url(../images/icon_white_photo.png) 50% 0 no-repeat; }
.bannerList li.list a	{ background:#00B3C2 url(../images/icon_white_list.png) 50% 0 no-repeat; }
.bannerList li a span {
	display:block;
	padding:7px 5px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.3;
	background-color:#2FC2D0;
}
.bannerList li a:hover,
.bannerList li a:hover span {
	background-color:#00B3C2;
    -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}


.footerNav > li {
	float:left;
	width:20%;
	padding-left:2%;
}
.footerNav > li:first-child {
	padding-left:0;
}
.footerNav > li > a {
	display:block;
	margin-bottom:0.8em;
	font-size:13px; font-size:0.8125rem;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}
.footerNav > li > ul > li > a {
	display:block;
	padding:0.3em 0;
	line-height:1.3;
	font-size:11px; font-size:0.6875rem;
	color:#555;
}

.footerLinks li {
	display:inline-block;
	font-size:0;
}
.footerLinks li a {
	padding:0 1em;
	display:block;
	font-size:11px; font-size:0.6875rem;
	color:#666;
	border-left:1px solid #ccc;
}
.footerLinks li:first-child a {
	padding-left:0;
	border-left:0;
}



li .bgimage.bglagana	{ background:#63AF34 url(../images/back_bg_lagana.png) 0 0 repeat }
li .bgimage.bgsrednja	{ background:#FEC300 url(../images/back_bg_srednje.png) 0 0 repeat; }
li .bgimage.bgzahtjevna	{ background:#A31923 url(../images/back_bg_zahtjevna.png) 0 0 repeat; }

li .bgimage.bgplaninska	{ background: url(../images/back_bg_planinska1.png) 0 0 no-repeat; }
li .bgimage.bgplaninska2	{ background: url(../images/back_bg_planinska2.png) 0 0 no-repeat; }

li .bgimage.bgasfalt	{ background:#ccc url(../images/back_bg_asfalt.png) 0 0 repeat; }
li .bgimage.bgneravno	{ background:#ccc url(../images/back_bg_makadam.png) 0 0 repeat; }
li .bgimage.bgmjesano	{ background:#ccc url(../images/back_bg_mjesano.png) 0 0 repeat; }


.center .icon	{ background-position:0px 0px; }
.length .icon	{ background-position:0px -30px; }
.start.icon		{ background-position:0px -60px; }
.end .icon		{ background-position:0px -90px; }
.height .icon	{ background-position:0px -120px; }
.top .icon		{ background-position:0px -150px; }
.bottom .icon	{ background-position:0px -180px; }
.time .icon		{ background-position:0px -210px; }
.bed .icon		{ background-position:0px -240px; }
.sea .icon		{ background-position:0px -270px; }
.room .icon		{ background-position:0px -300px; }
.foodIn .icon	{ background-position:0px -330px; }
.foodOut .icon	{ background-position:0px -360px; }
.restaurant .icon		{ background:#333 url(../images/icon_food.png) 50% 50% no-repeat }
.dl .icon		{ background:#333 url(../images/icon_download.png) 50% 50% no-repeat }

.downloadList {
	padding:1em;
	background:#EAEAEB;
}
.downloadList li {
	display:inline-block;
}
.downloadList li a {
	margin:0 0.5em;
	display:block;
	text-align:center;
}
.downloadList .icon {
	display:inline-block;
	width:1.714em;
	height:1.714em;
	background:#00D6BF url(../images/pictos_trail_dark.png) 0 0 no-repeat;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	background:#333 url(../images/icon_download.png) 50% 50% no-repeat
}
.downloadList .textdesc {
	padding-top:0.5em;
	display:block;
	text-transform:uppercase;
	font-size:0.75em;
	font-weight:bold;
	color:#333;
}
.downloadList li a:hover .icon {
	background-color:#75D22F;
}
.downloadList li a:hover .textdesc {
	color:#75D22F;
}


/* 8. LAYOUT
************************************/
.container {
	width:90%;
	max-width:75em;
	margin:0 auto;
	position:relative;
}

.siteHeader {
	position:relative; z-index:100;
	width:100%;
	padding:1em 0;
	padding-bottom:18px;
	background:url(../images/border_colored.jpg) 0 100% repeat-x;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}
.siteHeader .container {
	width:100%;
}
.siteHeader hgroup			{ text-align:center; margin-right:5%; }
.siteHeader hgroup h1		{ display:inline-block; }
.siteHeader .primaryNav		{ display:none; }
.siteHeader .banner 		{ display:none; }
/*
.sticky .siteHeader					{ padding:0.625em 0; -webkit-box-shadow:0px 3px 15px rgba(0,0,0,.3); -moz-box-shadow:0px 3px 15px rgba(0,0,0,.3); box-shadow:0px 3px 15px rgba(0,0,0,.3); }
.sticky .siteHeader hgroup h1 a img	{ height:1.111em;  }
.sticky .siteHeader hgroup h2		{ top:0px;  }
.sticky .siteHeader .primaryNav		{ height:2.5em; }
.sticky .siteHeader .primaryNav .menu > li > a	{ top:-0.625em; line-height:4.286em;  }
*/
.siteHeader .partner {
	display:none;
	-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;
}
.sticky .siteHeader .partner {
	opacity:0;
	display:none;
	visibility:hidden;
}

.siteHeader .secondaryNav {
	display:none;
}

.main {
	padding:1.7em 0 2em 0;
}

.htmlAreaContainer {
	margin-bottom:2em;
}


.headline h3,
.headline h5 {
	margin-bottom:0.2em;
}

.filter {
	margin-bottom:1em;
	padding:0.65em 1em 0 1em;
	background:#333;
	-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
}
.filter fieldset {
	padding-bottom:0.3em;
}
.filter p {
	padding-top:0.2em;
	margin-bottom:0;
	margin-right:1em;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}



.content,
.article-content,
.sidebar,
.article-sidebar,
.mainSidebar,
.eventSidebar {
	margin-bottom:1em;
}
.mainSidebar .partnerList {
	display:none;
}

.articlesection {
	overflow:hidden;
	margin-left:30%;
}
.articleNav.tabs {
	float:left;
	width:26%;
}

.contentSidebar .sideBox {
	padding:1em 0;
	background:#eee;
}
.contentSidebar .mapFilters > div {
	padding:0.3em 1em 0.3em 2.2em;
	border-bottom:1px solid #ddd;
}
.contentSidebar .mapFilters > div input {
	float:left;
	margin-left:-1.5em;
}
.contentSidebar .mapFilters h4 {
	padding:1em 1em 0 1em;
	margin-bottom:0.5em;
}

.mapContainer {
	clear:both;
	margin:2em 0;
}
.mapContainer .mapFilters > div {
	padding-top:0.6em;
	padding-bottom:0.6em;
}

.gm-style .gm-style-iw {
	line-height:1.5;
}
.gm-style .gm-style-iw b {
	font-size:16px;
	text-transform:uppercase;
}
.gm-style .gm-style-iw a {
	display:block;
}



.description {
	padding-bottom:0.4em;
	margin-bottom:0.8em;
	border-bottom:1px solid #ddd;
}
.description p {
	margin-bottom:0.4em;
}
div.note {
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:1px solid #ddd;
}
div.note p {
	font-size:0.75em;
	margin-bottom:0.5em;
}




/*	Sharing */
.article-footer {
	margin-top:2em;
	text-align:center;
	background:#f9f9f9;
}
.article-footer .back {
	padding:1em;
	display:block;
	font-weight:600;
	font-size:0.75em;
	background:#fff;
	border:1px solid #eee;
	-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
.article-footer .back:hover {
	color:#fff;
	background:#00B3C2;
	border-color:#00B3C2;
}
.sharingBox {
	padding:1em;
}
a.emailshare {
	width:62px;
	height:20px;
	margin-top:0px;
	text-indent:-9000em;
	background:url(../images/icon_emailshare.png) top left no-repeat;
}
a.emailshare:hover {
	background-position:bottom left;
}
.sharingBox .faceBox,
.sharingBox .tweetBox,
.sharingBox .googleBox,
.sharingBox .emailshare {
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}
.sharingBox > .googleBox > div, .sharingBox > .tweetBox > iframe {
	display:block !important;
	margin:0;
}


.featuredSection {
	margin-bottom:1em;
}


.siteFooter {
	display:none;
}
.siteFooter .container {
	padding:1.5em 0;
	border-top:1px solid #ddd;
	background:url(../images/border_colored.jpg) 0 101% repeat-x;
}

.footer-primary {
	margin-bottom:1em;
}

.footer-secondary {
	text-align:center;
}
.footer-secondary .copy {
	font-size:0.65em;
}
.footer-secondary .copy a {
	color:#666;
	font-weight:bold;
}

.footer-secondary .logoAminess {
	display:inline-block;
	margin:0.5em;
	width:60px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo_amines_new.svg) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoIZ {
	display:inline-block;
	margin:0.5em;
	width:179px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-IZ.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoSZKlaster {
	display:inline-block;
	margin:0.5em;
	width:63px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-SZKlaster.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoIrta {
	display:inline-block;
	margin:0.5em;
	width:83px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-Irta.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoMaistra {
	display:inline-block;
	margin:0.5em;
	width:104px;
	height:49px;
	text-indent:-9000em;
	background:url(../images/logo-Maistra3.png) 0 0 no-repeat;
	vertical-align:middle;
}


.footer-secondary .logoLaguna {
	display:inline-block;
	margin:0.5em;
	width:69px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-plavalaguna.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoValamar {
	display:inline-block;
	margin:0.5em;
	width:64px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-Valamar.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoValamar2 {
	display:inline-block;
	margin:0.5em;
	width:100px;
	height:60px;
	text-indent:-9000em;
	background:url(../images/logovalamar2.png) 0 0 no-repeat;
	vertical-align:middle;
}

.footer-secondary .logoArenaturist {
	display:inline-block;
	margin:0.5em;
	width:160px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo-arenaturist.png) center no-repeat;
	background-size:contain;
	vertical-align:middle;
}

.footer-secondary .logoIstra {
	display:inline-block;
	margin:0.5em;
	width:58px;
	height:40px;
	text-indent:-9000em;
	background:url(../images/logo_istra.png) 0 0 no-repeat;
	vertical-align:middle;
}
.footer-secondary .logoCroatia {
	display:inline-block;
	margin:0.5em;
	width:80px;
	height:30px;
	text-indent:-9000em;
	background:url(../images/logo_croatia.jpg) 0 0 no-repeat;
	vertical-align:middle;
}
.siteLang-hr .logoCroatia { background-position:0 0; }
.siteLang-en .logoCroatia { background-position:0 -30px; }
.siteLang-de .logoCroatia { background-position:0 -60px; }
.siteLang-it .logoCroatia { background-position:0 -90px; }
.siteLang-si .logoCroatia { background-position:0 -120px; }
.siteLang-hl .logoCroatia { background-position:0 -150px; }
.siteLang-ru .logoCroatia { background-position:0 -180px; }



/* 9. OTHER
************************************/
.fL			{ float:left; }
.fR			{ float:right; }

.highlight	{ background:#ff0; }
.hidden, .assistive-text, .hide	{ display:none !important; }
.clear		{ clear:both; }

.noMargin	{ margin:0; }

.more {
	display:inline-block;
	text-transform:uppercase;
	font-size:0.6875em;
	color:#444;
}
.more i {
	margin-left:0.7em;
}
.more.btn {
	display:inline-block;
	padding:0 1em;
	line-height:2em;
	font-weight:normal;
	background:#fff;
	-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;
	border:1px solid #999;
}


h1.numbered span {
	display:block;
}


.gallery a {
	position:relative;
	display:none;
}
.gallery a:first-child {
	display:block;
}

.artPic {
	position:relative;
	margin-bottom:1.5em;
}
.artPic .gallery {
	position:absolute; bottom:-0.75em; left:1em;
}
.artPic .gallery a {
	padding:0.5em 1em;
	color:#fff;
	font-size:0.75em;
	text-transform:uppercase;
	font-weight:bold;
	background:#73D517;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.artPic .gallery a .im {
	margin-right:0.5em;
}
.artPic .gallery a:hover {
	background:#00B3C2;
}


.textcenter span	{ display:inline-block; }


.category {
	margin-left:0.5em;
	white-space:nowrap;
}


/*	Notifications ----------------------- */
.error input.text, .error textarea, .error select, .error .selecter .selecter-selected {
	background:#FFE6E5;
	border-color:#D82C11;
}
.error > label {
	color:#D82C11;
	background:none;
	border:none;
}

.notification.nodata {
	width:90%;
	max-width:75em;
	margin:7em auto 2em auto;
	padding:1em 1.5em;
	text-align:center;
	border:1px solid #e5e5e5;
}
.main .notification.nodata {
	margin:0;
	width:auto;
	max-width:none;
}
.notification.nodata a {
	display:inline-block;
	padding:0.8em 1em;
	color:#fff;
	line-height:1.3;
	font-weight:bold;
	background:#3EB400;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}





/*	Calendars ----------------------- */
.calLegend {
	margin-bottom:1em;
	text-align:right;
}
.calLegend span {
	display:inline-block;
	padding-left:0.5em;
	margin-right:1em;
	font-size:12px; font-size:0.75rem;
}
.calLegend span.calAvailable{ border-left:10px solid #A4E469; }
.calLegend span.calBusy		{ border-left:10px solid #d84a38; }
.calLegend span.calOptional	{ border-left:10px solid #FFDB00; }
.calLegend span.calOut		{ border-left:10px solid #ddd; }

.calItem {
	margin-bottom:1em;
	padding:0.5em;
	border:1px solid #e5e5e5;
}
.calItem table {
	border-left:1px solid #fff;
}
.calItem table td {
	font-size:12px; font-size:0.75rem;
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.calItem .kalendarMonthName td {
	color:#111;
	font-size:16px; font-size:1rem;
	font-family:Georgia,Times,serif;
}
.calItem .kalendarDayNames td {
	font-weight:bold;
}
.calItem td.kalendarDan {
	color:#111;
	background:#eee;
}
.calItem td.kalendarDan a {
	color:#111;
}
.calItem td.kalendarDan.diffMonth,
.calItem td.kalendarDan.diffMonth a {
	color:#aaa;
	background:none;
}
.calItem td.kalendarZauzetost1 {
	background:#A4E469;
}
.calItem td.kalendarZauzetost2 {
	color:#fff;
	background:#d84a38;
}
.calItem td.kalendarZauzetost3 {
	background:#FFDB00;
}





/*	Galleries ----------------------- */
/*
.galleryslider {
	margin:2em 0 1em 0;
	position:relative;
	padding-top:1em;
	border:1px solid #e5e5e5;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.galleryslider h2 {
	position:absolute; top:-0.9em; left:0.5em; z-index:2;
	padding:0.4em 0.8em;
	font-size:0.75em;
	text-transform:uppercase;
	background:#eee;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.galleryslider h2 .im {
	margin-right:0.5em;
}
*/
.galleryslider {
	margin:1em 0;
	position:relative;
}
.galleryslider h2 {
	display:none;
}
.galleryslider .tos-wrapper {
	padding:0 40px;
}

.gallery2,
.gallery3 {
	font-size:0;
}
.gallery2 a,
.gallery3 a {
	display:inline-block;
	font-size:16px; font-size:1rem;
	padding:0.5em;
}
.gallery2 a:hover,
.gallery3 a:hover {
	background:#73D517;
}
.gallery2 a span,
.gallery3 .tos-slider a span {
	display:block;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.gallery2 a img,
.gallery3 a img {
	display:none;
}

.gallery3 .tos-inline {
	opacity:1;
}


.galleryslider .tos-prev,
.galleryslider .tos-next {
	opacity:.7;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
.galleryslider .tos-prev {
	left:0;
}
.galleryslider .tos-next {
	right:0;
}
.galleryslider:hover .tos-prev,
.galleryslider:hover .tos-next {
	opacity:1 !important;	
}
.galleryslider .tos-disabled,
.galleryslider:hover .tos-disabled {
	opacity:.1 !important;	
	background:#111;
}




.galleryCarousel {
	position:relative;
	margin:2em 0;
	border:1px solid #e5e5e5;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}

.flex-direction-nav a {
	position: absolute; top:50%; z-index: 1;
	display: block;
	width: 40px;
	height: 100px;
	margin-top: -50px;
	background: #111;
	opacity:.2;
	-webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.flex-direction-nav .flex-prev {
	left: 8px;
 }
.flex-direction-nav .flex-next {
	right: 8px;
}
.galleryCarousel:hover .flex-direction-nav a {
	opacity:.9;
}

.flex-direction-nav a span {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	margin: -5px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.flex-direction-nav .flex-prev span {
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	left: 50%;
}
.flex-direction-nav .flex-next span {
	border-top: 3px solid white;
	border-right: 3px solid white;
	right: 50%;
}

.galleryCarousel .slides li {
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.galleryCarousel .slides li a {
	display:block;
	margin:8px;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.galleryCarousel .slides li:hover {
	background:#73D517;
}
.galleryCarousel .slides li a img {
	display:none;
}


.galPctOkvir {
	margin-bottom:1em;
}





/*	Pagination ----------------------- */
.pagination {
	margin-top:1em;
	margin-bottom:2em;
	text-align:center;
}
.pagination p, .pagination ul, .pagination li {
	display:inline-block;
	margin:0;
	padding:0;
	font-size:0;
	line-height:1.5;
	background:none;
}
.pagination a, .pagination li span, .pagination li p {
	display:inline-block;
	padding:1em 0.3em;
	font-size:14px; font-size:0.875rem;
	color:#333;
	vertical-align:middle;
}
.pagination a {
	-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;
}
.pagination a:hover {
	background:#ECF4F6;
}
.pagination a.selected {
}
.pagination li p {
	font-size:20px; font-size:1.25rem;
	font-weight:bold;
}




/*	Video embed ----------------------- */
.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.videoContainer iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*	sidePanel ----------------------- */

.buttonToggler {
	float:left;
	display:block;
	margin-left:5%;
	width:1.667em;
	line-height:1.6em;
	font-size:24px; font-size:1.5rem;
	text-align:center;
	color:#fff;
	background:#333;
	-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
}
.mm-opened .buttonToggler.toggleNormal {
	position:relative; left:-5%;
	color:#fff;
	border:none;
	background:#F56F02;
	-webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0;
}

.buttonToggler .im.icon-remove { display:none; }
.mm-opened .buttonToggler .im	{ display:none; }
.mm-opened .buttonToggler .im.icon-remove { display:inline; }


.sticky .buttonToggler { margin-top:0; }


.sidePanel {
	background:#F56F02;
}
.sidePanel > div {
	padding-bottom:3em !important;
}
.sidePanel .mm-list {
	padding:0 0 20px 0;
	font-size:16px; font-size:1rem;
}
.sidePanel .mm-list li a {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.sidePanel .mm-list li a.mm-subopen {
	background:#333; background:rgba(0,0,0,.5);
}
.sidePanel .mm-subtitle {
	text-align:center;
	font-size:18px; font-size:1.125rem;
}
.sidePanel .mm-list > li.mm-subtitle > a {
	color:#fff;
	background:#333; background:rgba(0,0,0,.5);
}

.sidePanel .menu-secondary {
}
.sidePanel .menu-secondary li::after {
	border:none !important;
}
.sidePanel .menu-secondary li a {
	display:block;
	padding:5px 20px;
	line-height:1.5;
	text-transform:none;
	color:#fff; color:rgba(255,255,255,.85);
	font-size:14px; font-size:0.875rem;
}
.sidePanel .menu-secondary li:first-child a {
}
.sidePanel .menu-secondary li a:hover {
	color:#fff;
}

.sidePanel .langNav {
	position:relative; top:-20px;
	margin:0;
	padding:0;
	font-size:0;
	text-align:center;
}
.sidePanel .langNav li {
	display:inline-block;
	padding:10px 0;
	background:#333; background:rgba(0,0,0,.5);
}
.sidePanel .langNav li:first-child {
	padding-left:10px;
	-webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; border-bottom-left-radius:8px;
}
.sidePanel .langNav li:last-child {
	padding-right:10px;
	-webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; border-bottom-right-radius:8px;
}
/*
.sidePanel .langNav li::after {
	border:none !important;
}*/


.sidePanel .langNav li a {
	display:block;
	padding:0;
	width:2.5em;
	line-height:1.5em;
	text-align:center;
	color:#aaa; color:rgba(255,255,255,.75);
	font-size:12px; font-size:0.75rem;
}
.sidePanel .langNav li a.active {    
	color:#fff;
	font-weight:800;
}

.sidePanel .partner {
	padding:1em 0 1em 20px;
	margin:20px -20px 0 -20px;
	background:#fff;
}


*/

/*	widgets ----------------------- */
.widget {
	margin-bottom:1em;
}

.widget.head {
	font-size:1.125em;
}

.secondary-sidebar .widget {
	padding-top:1em;
	border-top:1px solid #ddd;
}


/*	Breadcrumbs ----------------------- */
.breadcrumbs {
	font-size:12px; font-size:0.75rem;
	font-weight:bold;
	color:#ccc;
	/*color:#fff; color:rgba(255,255,255,.7);*/
	text-transform:uppercase;
}
.breadcrumbs span.delimiter {
	font-weight:normal;
	padding:0 0.5em;
}
.breadcrumbs a {
	font-weight:normal;
	color:#888;
	text-transform:none;
}
.breadcrumbs a:hover {
	text-decoration:underline;
}



/*	Selection style ----------------------- */
::selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}



/*	Grids ----------------------- */
.w100	{ width:100%; }
.w90	{ width:90%; }
.w80	{ width:80%; }
.w70	{ width:70%; }
.w60	{ width:60%; }
.w50	{ width:50%; }
.w45	{ width:45%; }
.w40	{ width:40%; }
.w35	{ width:35%; }
.w30	{ width:30%; }
.w25	{ width:25%; }
.w20	{ width:20%; }
.w15	{ width:15%; }
.w10	{ width:10%; }
.w5		{ width:5%; }

.pl1	{ padding-left:1%; }


.row .w100,
.row .w90,
.row .w80,
.row .w70,
.row .w60,
.row .w50,
.row .w45,
.row .w40,
.row .w35,
.row .w30,
.row .w25,
.row .w20,
.row .w15,
.row .w10,
.row .w5	{
	width:100%;
}





/*	Animations ----------------------- */
@-webkit-keyframes slideNav2 {
    0%		{ overflow:hidden; height:0; }
    100%	{ height:auto; }
}
@-moz-keyframes slideNav2 {
    0%		{ overflow:hidden; height:0; }
    100%	{ height:auto; }
}
@-o-keyframes slideNav2 {
    0%		{ overflow:hidden; height:0; }
    100%	{ height:auto; }
}
@keyframes slideNav2 {
    0%		{ overflow:hidden; height:0; }
    100%	{ height:auto; }
}





/*	Clearing floats ----------------------- */
.clearfix:before, .clearfix:after,
.container:before, .container:after,
.primaryNav .menu:before, .primaryNav .menu:after,
.homeList:before, .homeList:after,
.listContent:before, .listContent:after,
.tab-item:before, .tab-item:after,
form li:before, form li:after,
.row:before, .row:after,
[class*="content"]:before, [class*="content"]:after,
[class*="site"]:before, [class*="site"]:after {
	content: "";
	display: table;
}
.clearfix:after,
.container:after,
.primaryNav .menu:after,
.homeList:after,
.listContent:after,
.tab-item:after,
form li:after,
.row:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}


/** footer share box **/

.share-box {
	vertical-align: middle;
	margin-top: 2em;
}

.share-box ul {
	list-style-type: none;
}

.share-box ul li {
	float: left;
	padding-right: 0.6em;
}

/** page share box **/

.share-box-page {
	line-height: 3;
}

.share-box-page ul {
	list-style-type: none;
}

.share-box-page ul li {
	float: left;
	padding-left: 1em;
}

.share-box-page ul li p {
	color: #333;
	font-size: 14px;
	padding-top: 14px;
	font-weight: bold;
}


/** signalizacija tablica **/

table.sig-table tr td {
	vertical-align: top;
}

table.sig-table tr td:first-child {
	width: 220px;
}

table.sig-table tr td img {
	padding: 5px;
}


/* 10. TARGETING SPECIFIC SCREEN SIZES
************************************/
/* tablets - portrait */
@media screen and (min-width: 480px) {

	.listContent > li {
		float:left;
		width:49%;
		margin:0 0 1em 2%;
	}
	.listContent > li:nth-child(2n+1) { margin-left:0; }
	.listContent.listNoMargin {
		width:102%;
	}
	.listContent.listNoMargin > li {
		width:50%;
		margin-left:0;
		padding-right:2%
	}
	

	.homeList > li.col-secondary {
		float:left;
		width:60%;
	}
	.homeList > li.col-tertiary {
		float:left;
		width:37%;
		margin-left:3%;
	}

	h1.numbered {
		padding-left:70px;
	}
	h1.numbered span {
		float:left;
		width:70px;
		margin-left:-70px;
	}


}
 
/* tablets - landscape */
@media screen and (min-width: 760px) {

	.siteHeader {
		padding-bottom:0;
		background:none;
	}
	.siteHeader .container {
		width:90%;
		padding-bottom:18px;
		background:url(../images/border_colored.jpg) 0 100% repeat-x;
	}
	.buttonToggler {
		display:none;
	}
	.siteHeader hgroup {
		float:left;
		margin-right:0;
	}
	.siteTitle {
		margin:0;
	}
	.siteTitle a img {
		height:1.667em;
	}
	.siteHeader .partner {
		display:block;
		float:right;
		margin-top:10px; margin-top:0.625rem;
		margin-left:1em;
		width:84px; width:5.25rem;
	}
	.siteHeader .partner img {
		max-width:100%;
	}
	.siteHeader .secondaryNav {
		display:block;
		text-align:right;
	}
	.siteHeader .langNav {
		display:inline-block;
		margin-top:5px; margin-top:0.3125rem;
	}
	.siteHeader .secondaryNav .menu-secondary {
		margin-top:8px; margin-top:0.5rem;
	}
	.siteHeader .primaryNav {
		display:block;
		clear:both;
		margin-top:8px; margin-top:0.5rem;
	}
	.home .primaryNav .menu > li:hover > ul {
		bottom:auto; top:101px;
	}


	.listContent > li {
		width:32.5%;
		margin:0 0 0.7em 1.25%;
	}
	.listContent > li:nth-child(2n+1) { margin-left:1.25%; }
	.listContent > li:nth-child(3n+1) { margin-left:0; }
	.listContent.listNoMargin {
		width:101.25%;
	}
	.listContent.listNoMargin > li {
		width:33.33%;
		margin-left:0;
		padding-right:1.25%
	}

	.listItems li {
		padding-right:200px;
	}
	.listItems footer {
		margin-right:-180px;
		width:160px;
	}
	.listItems .dl {
		margin-right:1em;
		margin-bottom:0;
		display:inline-block;
	}
	
	.homeList > li.col-primary {
		float:left;
		width:45%;
	}
	.homeList > li.col-secondary {
		float:left;
		width:28%;
		margin-left:2%;
	}
	.homeList > li.col-tertiary {
		float:left;
		width:23%;
		margin-left:2%;
	}
	
	.listFeatured .itemcontent h4 {
		font-size:1.2em;
	}
	.listFeatured .itemcontent h2 {
		font-size:2em;
	}

	.featuredSection {
		position:relative; top:-1.7em;
		margin-bottom:0;
	}
	.featuredSection > ul > li {
		float:left;
		width:33.333%;
	}
	.featuredSection > ul > li:first-child,
	.featuredSection > ul > li:first-child header,
	.featuredSection > ul > li:first-child footer {
		-webkit-border-bottom-left-radius:0.5em; -moz-border-radius-bottomleft:0.5em; border-bottom-left-radius:0.5em;
	}
	.featuredSection > ul > li:last-child,
	.featuredSection > ul > li:last-child header,
	.featuredSection > ul > li:last-child footer {
		-webkit-border-bottom-right-radius:0.5em; -moz-border-radius-bottomright:0.5em; border-bottom-right-radius:0.5em;
	}
	.topList > li footer {
		left:1px;
	}
	.topList > li:first-child footer {
		left:0;
	}

	.htmlAreaContainer .sbs > li, .sbs > fieldset > ol > li					{ padding-left:12em; }
	.htmlAreaContainer .sbs > li > label, .sbs > fieldset > ol > li > label	{ float:left; width:11em; margin-left:-12em; }

	.pagination a, .pagination li span, .pagination li p {
		padding-left:.8em;
		padding-right:.8em;
	}

	.content,
	.article-content {
		float:left;
		width:66%;
	}
	.sidebar,
	.article-sidebar {
		float:right;
		width:31%;
	}
	.reverse .content,
	.reverse .article-content {
		float:right;
	}
	.reverse .sidebar,
	.reverse .article-sidebar {
		float:left;
	}
	.fullwidth.content { float:none; width:100%; }
	.contentBox {
		float:right;
		width:70%
	}
	.contentSidebar {
		float:left;
		width:30%
	}
	.mainSidebar {
		float:left;
		width:20%;
		margin-right:2%;
	}
	.eventSidebar {
		float:right;
		width:10%;
	}

	.mainSidebar .partnerList {
		display:block;
	}
	.eventSidebar .partnerList {
		display:none;
	}

	.mapContainer .sideBox {
		min-height:600px;
	}

	.contentSidebar .sideBox {
		min-height:600px;
	}

	.siteFooter {
		display:block;
	}


	.article-footer {
		text-align:left;
	}
	.article-footer .back {
		float:right;
		line-height:20px;
		padding:1.3333em;
	}
	.sharingBox {
		float:left;
	}
	
	
	.gallery2 a span,
	.gallery3 .tos-slide a span {
		width:100px;
		height:100px;
	}
	.galleryslider .tos-prev,
	.galleryslider .tos-next {
		height:100px;
		margin-top:-50px;
	}



.row {
	margin-left:-20px;
}
.row .w100	{ padding-left:20px; float:left; width:100%; }
.row .w90	{ padding-left:20px; float:left; width:90%; }
.row .w80	{ padding-left:20px; float:left; width:80%; }
.row .w70	{ padding-left:20px; float:left; width:70%; }
.row .w60	{ padding-left:20px; float:left; width:60%; }
.row .w50	{ padding-left:20px; float:left; width:50%; }
.row .w45	{ padding-left:20px; float:left; width:45%; }
.row .w40	{ padding-left:20px; float:left; width:40%; }
.row .w35	{ padding-left:20px; float:left; width:35%; }
.row .w30	{ padding-left:20px; float:left; width:30%; }
.row .w25	{ padding-left:20px; float:left; width:25%; }
.row .w20	{ padding-left:20px; float:left; width:20%; }
.row .w15	{ padding-left:20px; float:left; width:15%; }
.row .w10	{ padding-left:20px; float:left; width:10%; }
.row .w5	{ padding-left:20px; float:left; width:5%; }


}
 
/* desktops*/
@media screen and (min-width: 940px) {

	.siteHeader .container {
		padding-left:160px;
	}
	.siteHeader hgroup {
		width:160px;
		margin-left:-160px;
	}
	.siteHeader .partner {
		margin-top:16px; margin-top:1rem;
	}
	.siteHeader .secondaryNav {
		text-align:left;
	}
	.siteHeader .langNav {
		display:block;
		float:right;
		margin-top:0;
	}
	.siteHeader .secondaryNav .menu-secondary a {
		font-size:12px; font-size:0.75rem;
	}
	.siteHeader .primaryNav {
		float:left;
		clear:none;
		margin-top:0;
	}
	.siteHeader .primaryNav .menu > li > a {
		font-size:14px; font-size:0.875rem;
	}
	.home .primaryNav .menu > li:hover > ul {
		bottom:auto; top:74px;
	}

	.intro {
		padding-left:10%;
		padding-right:10%;
	}
	
	
	.listContent > li {
		width:24%;
		margin:0 0 1em 1.33%;
	}
	.listContent > li:nth-child(3n+1) { margin-left:1.33%; }
	.listContent > li:nth-child(4n+1) { margin-left:0; }
	.listContent.listNoMargin {
		width:101.33%;
	}
	.listContent.listNoMargin > li {
		width:25%;
		margin-left:0;
		padding-right:1.33%
	}


	.listFeatured .item-pictos {
		left:-1.2em;
		width:2.5em;
	}
	.listFeatured .item-pictos li {
		width:2.5em;
		height:2.5em;
	}	
	
	.footer-primary {
		display:inline-block;
		width:100%;
	}
	.footer-secondary {
		display:inline-block;
		width:80%;
		text-align:right;
		float: right;
	}
	.footer-secondary a {
		text-align:left;
	}



}

#objectMapAll img { max-width: none; }

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

.share-box ul li {
		padding-right: 0.2em;
	}
	
}

@media only screen and (max-width : 768px) { 
	.share-box-page {
		padding: 1em;
		line-height: 0;
		width: 240px;
		margin: 0 auto;
	}
	
	.share-box-page ul {
		list-style-type: none;
		display: block;
		margin-bottom: 1.5em;
	}
	
	.share-box-page ul li {
		padding-left: 0.6em;
	}
	
	.share-box-page ul li p {
		padding-top: 0px;
	}

	div.w18.ssize {
		padding-left: 1%;
		margin-top: 0.5em;
	}
	
	.ssize {
		width: 100%;
	}
			
	
}

@media only screen and (max-width : 480px) {
		table.sig-table tr td:first-child {
			width: 150px;
		}
}

/** facebook popup cut off fix **/

embed, iframe, object
{
    max-width: 635% !important;
}

/** video galerija nova **/

.video-gall img {
	border-radius: 0.5em 0.5em 0em 0em;
	-moz-border-radius: 0.5em 0.5em 0em 0em;
	-webkit-border-radius: 0.5em 0.5em 0em 0em;
}

.video-gall header {
	border-radius: 0em 0em 0.5em 0.5em;
	-moz-border-radius: 0em 0em 0.5em 0.5em;
	-webkit-border-radius: 0em 0em 0.5em 0.5em;
}

.video-gall header a {
	color: #333;

}

.video-gall header a:hover {
	color: #000;
}