/* ============================================================================================================== */
/* ==================================================================================================== LAYOUT == */
/* ============================================================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	min-width: 960px;
	background-color: #FFFFFF;
}

.inner-wrapper {
	position: relative;
	margin: 0 auto;
	width: 940px;
}

#header .inner-wrapper {
	height: 88px;
}

#logo {
	position: absolute;
	left: 0;
	top: 24px;
}

#slogan {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	position: absolute;
	left: 95px;
	bottom: 18px;
	font-size: 16px;
	font-weight: normal;
	font-weight: 300;
	color: #666666;
	line-height: 20px;
}

#mainmenu {
	position: absolute;
	right: 0;
	bottom: 0;
}

#mainmenu li {
	float: left;
	display: inline;
	margin: 0 26px 0 0;
}

#mainmenu li.last {
	margin-right: 0;
}

#mainmenu li a {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-weight: 600;
	font-size: 15px;
	color: #333333;
	display: block;
	padding: 0 0 18px 0;
	line-height: 20px;
}

#mainmenu li a:hover {
	color: #008abe;
}

#mainmenu li a.active {
	color: #007faf;
	background-image: url(../images/mainmenu-arrow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#mainmenu li a.home img {
	vertical-align: top;
	padding-top: 3px;
}

#topbar {
	position: absolute;
	right: 0;
	top: 7px;
	height: 25px;
	line-height: 25px;
}

#topbar .phone {
	float: left;
	display: inline;
	line-height: 25px;
	padding: 0 0 0 16px;
	margin: 0 16px 0 0;
	color: #008abe;
	font-size: 16px;
	background-image: url(../images/icon-phone.png);
	background-position: left 6px;
	background-repeat: no-repeat;
}

#topbar .mail {
	float: left;
	display: inline;
	line-height: 25px;
	margin: 0 3px 0 0;
}

#topbar .mail img {
	vertical-align: top;
	padding-top: 5px;
}

#topbar .langs {
	float: left;
	display: inline;
	line-height: 25px;
	color: #999999;
}

#topbar .langs span.separator {
	color: #999999;
	padding: 0 3px;
}

#topbar .langs a {
	color: #999999;
}

#topbar .langs a:hover {
	color: #00adee;
}

#topbar .langs a.active {
	font-weight: bold;
	color: #00adee;
}

#footer {
	padding: 25px 0;
	background-color: #dbdcdd;
	border-top: 2px solid #00adee;
}

#footer .building {
	position: absolute;
	right: 0;
	top: -145px;
}

#footer .news {
	float: left;
	display: inline;
	width: 600px;
	margin: 0 40px 0 0;
}

#footer .news h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #666666;
	text-transform: uppercase;
	line-height: 22px;
	margin: 0 0 12px 0;
}

#footer .news h3 span.separator {
	font-size: 11px;
	color: #919192;
	padding: 0 10px;
	vertical-align: top;
}

#footer .news h3 a {
	color: #919192;
	font-size: 12px;
	text-transform: none;
	vertical-align: top;
}

#footer .news h3 a:hover {
	text-decoration: underline;
}

#footer .news .item {
	float: left;
	display: inline;
	margin: 0 40px 0 0;
	width: 280px;
	color: #656566;
}

#footer .news .more img {
	padding: 0 0 0 5px;
	vertical-align: middle;
}

#footer .card {
	float: left;
	display: inline;
	width: 300px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}

#footer .card a {
	color: #333333;
}

#footer .card a:hover {
	text-decoration: underline;
}

#spletko {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 140px 0;
	width: 100px;
}

#spletko a {
	display: block;
	color: #bfbfbf;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

#spletko a:hover {
	color: #3d9ae6;
}

/* ============================================================================================================== */
/* =================================================================================================== GENERAL == */
/* ============================================================================================================== */

#main {
	background-image: url(../images/body-shadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#main .inner-wrapper {
	padding: 32px 0 150px 0;
}

.error, .success, .info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 10px;
	margin: 0 0 15px 0;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.error {
	background-color: #ffeced;
	border: 1px solid #e20a16;
}

.success {
	background-color: #e4f9e3;
	border: 1px solid #4da757;
}

.info {
	background-color: #e4f2fc;
	border: 1px solid #1184d3;
}

#sidebar {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 20px 0 0;
}

#article {
	float: left;
	display: inline;
	width: 620px;
}

#sidebar .sidephoto {
	padding: 2px;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 28px 0;
}

#sidebar .enquire {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	display: block;
	width: 195px;
	padding: 0 0 0 105px;
	height: 45px;
	line-height: 42px;
	font-size: 20px;
	font-weight: normal;
	font-weight: 300;
	color: #333333;
	background-image: url(../images/enquire.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#article h1 {
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
}

#article h2 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	line-height: 22px;
	color: #999999;
}

#article h3 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	line-height: 22px;
	color: #007FAF;
}

#article .videos {
	padding: 22px 0 0 0;
}

#article .videos h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	background-image: url(../images/icon-video.png);
	background-position: 1px center;
	background-repeat: no-repeat;
}

#article .videos a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 19px 0 0;
	width: 140px;
	height: 105px;
	background-color: #CCCCCC;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#article .videos a img {
	width: 140px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 100;
}

#article .videos .separator {
	height: 19px;
	line-height: 19px;
	font-size: 0;
	clear: both;
}

#article .videos a span.play {
	position: absolute;
	left: 36px;
	top: 17px;
	z-index: 500;
	width: 69px;
	height: 69px;
	background-image: url(../images/play.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#article .attachments {
	padding: 22px 0 0 0;
}

#article .attachments h3 {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 20px;
	margin: 0 0 6px 0;
	padding: 0 0 0 25px;
	background-image: url(../images/icon-files.png);
	background-position: 1px center;
	background-repeat: no-repeat;
}

#article .attachments ul li {
	line-height: 22px;
	padding: 0 0 0 24px;
	background-image: none;
	background-position: 1px 4px;
	background-repeat: no-repeat;
}

#article .attachments ul li a {
	color: #333333;
	text-decoration: underline;
}

#article .gallery {
	padding: 22px 0 0 0;
}

#article .gallery a {
	float: left;
	display: inline;
	margin: 0 19px 0 0;
}

#article .gallery a img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#article .gallery .separator {
	clear: both;
	height: 19px;
	line-height: 19px;
	font-size: 0;
}

/* ============================================================================================================== */
/* ====================================================================================================== NEWS == */
/* ============================================================================================================== */

h1.news-title {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #333333;
	font-size: 26px;
	line-height: 30px;
}

.news-date {
	font-size: 16px;
	line-height: 20px;
	color: #999999;
	font-style: italic;
}

a.news-back {
	font-weight: bold;
	color: #0080b1;
	padding: 0 0 0 15px;
	line-height: 16px;
	background-image: url(../images/news-back.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#news-archive .item {
	float: left;
	display: inline;
	width: 460px;
	margin: 0 20px 0 0;
	font-size: 12px;
}

#news-archive .item h4 {
	color: #007faf;
	font-size: 13px;
	padding: 0 0 4px 0;
}

#news-archive .separator {
	height: 26px;
	line-height: 26px;
	font-size: 0;
	clear: both;
}

#news-archive .more img {
	vertical-align: middle;
	padding: 0 0 0 5px;
}




/* ============================================================================================================== */
/* ================================================================================================= SLIDESHOW == */
/* ============================================================================================================== */


#mainphoto {
	background-color: #00adee;
	background-image: url(../images/slideshow-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 233px;
}

#mainphoto img {
	border: 10px solid #FFFFFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#mainphoto .inner-wrapper {
	height: 185px;
	padding: 14px 0 0 0;
}

#header-slideshow {
	background-color: #00adee;
	background-image: url(../images/slideshow-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 453px;
}

#header-slideshow .inner-wrapper {
	height: 335px;
	padding: 14px 0 0 0;
}

#slideshow {
	position: relative;
	height: 405px;
	border: 10px solid #FFFFFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#slideshow .pictures {
	position: absolute;
	left: 0;
	top: 0;
	height: 405px;
	width: 920px;
	overflow: hidden;
}

#slideshow .pictures img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
}

#slideshow .pictures img.active {
	z-index: 10;
}

#slideshow .pictures img.last-active {
	z-index: 9;
}

#slideshow .contents {
	position: absolute;
	left: 26px;
	bottom: 20px;
	z-index: 250;
	width: 340px;
	height: auto;
	overflow: hidden;
	line-height: 22px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 8px 18px 30px 18px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/header-slideshow-contents.png);
	background-position: left top;
	background-repeat: repeat;
}

#slideshow .contents h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 34px;
	margin: 0 0 4px 0;
}

#slideshow .contents .description a img {
	vertical-align: middle;
	padding: 0 0 0 4px;
}

#slideshow .contents .item {
	display: none;
}

#slideshow .contents .active {
	display: block;
}

#slideshow .paging {
	position: absolute;
	left: 26px;
	bottom: 29px;
	width: 376px;
	height: 9px;
	line-height: 9px;
	font-size: 0;
	z-index: 500;
	text-align: center;
}

#slideshow .paging .item {
	display: inline-block;
	width: 9px;
	height: 9px;
	line-height: 9px;
	font-size: 0;
	margin: 0 5px;
	background-image: url(../images/header-slideshow-paging.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

#slideshow .paging .active {
	background-position: left -9px;
}

#slideshow .links a {
	position: absolute;
	left: 0;
	top: 0;
	width: 920px;
	height: 355px;
	z-index: 8888;
	display: none;
}

#slideshow .links a.active {
	display: block;
}

/* ============================================================================================================== */
/* ====================================================================================================== HOME == */
/* ============================================================================================================== */

#home-boxes {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ededed;
}

#home-boxes .item {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 20px 0 0;
	text-align: justify;
}

#home-boxes img.picture {
	padding: 2px;
	margin: 0 0 10px 0;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#home-boxes .item h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 6px 0;
}

#home-boxes .item .more img {
	vertical-align: middle;
	padding: 0 0 0 5px;
}

#home-boxes .item-3 {
	margin-right: 0;
}


#home-boxes .item-1 h3 {
	color: #669900;
}

#home-boxes .item-2 h3 {
	color: #0098d1;
}

#home-boxes .item-3 h3 {
	color: #b0397d;
}


#home-intro {
	width: 624px;
	color: #00adee;
	line-height: 20px;
}

#home-intro h1 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	line-height: 24px;
	margin: 0 0 5px 0;
}

/* ============================================================================================================== */
/* =================================================================================================== ENQUIRE == */
/* ============================================================================================================== */

#enquire-form-wrapper {
	padding: 26px 0 0 0;
}

.formFieldText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #02aeee;
	background-color: #FFFFFF;
	margin: -1px 0;
	padding: 6px 4px;
	width: 610px;
	height: 15px;
	line-height: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.formFieldTextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #02aeee;
	background-color: #FFFFFF;
	margin: -1px 0;
	padding: 6px 4px;
	width: 610px;
	height: 100px;
	line-height: 16px;
	resize: none;
	overflow: auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.formFieldSelect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #d2c09a;
	background-color: #FFFFFF;
	padding: 2px;
	width: 450px;
	height: 24px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.formFieldSelect optgroup {
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}

html>/**/body .formFieldText {
	margin: 0;
}

html>/**/body .formFieldTextarea {
	margin: 0;
}

.formFieldWrapper {
	width: 620px;
}

.formFieldWrapper label {
	display: block;
	font-size: 12px;
	color: #333333;
	font-style: italic;
	line-height: 16px;
	height: 16px;
	margin: 0;
	padding: 0 0 6px 0;
}

.formFieldWrapper label.required {
}

.formFieldContainer {
	height: 46px;
	overflow: hidden;
}

.formFieldWrapper .last {
	height: 57px;
}

.formCaptchaWrapper {
	position: relative;
	height: 137px;
	background-color: #59caf4;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.formCaptchaSubmit {
	position: absolute;
	left: 21px;
	bottom: 15px;
}

.formCaptchaField {
	position: absolute;
	left: 20px;
	top: 20px;
}

.formCaptchaField label {
	font-size: 12px;
	color: #444f66;
	font-style: italic;
	font-weight: bold;
}

.formCaptchaField .formFieldWrapper {
	width: 300px;
}

.formCaptchaField .formFieldText {
	border: 1px solid #cdcccc;
	width: 210px;
}

.formCaptchaImage {
	position: absolute;
	right: 50px;
	top: 33px;
	text-align: center;
	color: #333333;
	font-size: 11px;
	font-style: italic;
}

.formCaptchaImage img {
	margin: 0 0 5px 0;
	border: 1px solid #cccccc;
}

.formErrorLabel .formFieldText,
.formErrorLabel .formFieldTextarea,
.formErrorLabel .formFieldSelect {
	border: 1px solid #ff0000;
}