#head, .nav .phone a, ol > li:before, .bar {
	background-color: #68b42f;
}

.quote .q {
        color: #68b42f;
}

.colorbg .quote .q {
        color: #fff;
}

#head a:hover, .nav .phone a:hover {
	background-color: #83e033; 
}

#head a.current, #head a.current:hover, #head a:active {
	background-color: #5aa820;
        border-top: 1px solid #499e09;
        border-bottom: 1px solid #72c436;
}

#tools a, #lang ul a {
	background-color: #72d022;
	border-top: 1px solid #95e05b;
	border-bottom: 1px solid #58aa19;
}

.animation h1.title .text {
 	text-shadow:
        rgba(84, 159, 18, 1) 1px 1px,
        rgba(84, 159, 18, 0.9) 2px 2px,
        rgba(84, 159, 18, 0.8) 3px 3px,
        rgba(84, 159, 18, 0.7) 4px 4px,
        rgba(84, 159, 18, 0.6) 5px 5px,
        rgba(84, 159, 18, 0.5) 6px 6px,
        rgba(84, 159, 18, 0.4) 7px 7px,
        rgba(84, 159, 18, 0.3) 8px 8px,
        rgba(84, 159, 18, 0.2) 9px 9px,
        rgba(84, 159, 18, 0.1) 10px 10px,
        rgba(84, 159, 18, 0.1) 11px 11px,
        rgba(84, 159, 18, 0.1) 12px 12px,
        rgba(84, 159, 18, 0.1) 13px 13px,
        rgba(84, 159, 18, 0.1) 14px 14px;
}

header.mobileheader h1 {
 	text-shadow:
        rgba(105, 179, 53, 1) 1px 1px,
        rgba(105, 179, 53, 0.9) 2px 2px,
        rgba(105, 179, 53, 0.8) 3px 3px,
        rgba(105, 179, 53, 0.7) 4px 4px,
        rgba(105, 179, 53, 0.6) 5px 5px,
        rgba(105, 179, 53, 0.5) 6px 6px,
        rgba(105, 179, 53, 0.4) 7px 7px,
        rgba(105, 179, 53, 0.3) 8px 8px,
        rgba(105, 179, 53, 0.2) 9px 9px,
        rgba(105, 179, 53, 0.1) 10px 10px,
        rgba(105, 179, 53, 0.1) 11px 11px,
        rgba(105, 179, 53, 0.1) 12px 12px,
        rgba(105, 179, 53, 0.1) 13px 13px,
        rgba(105, 179, 53, 0.1) 14px 14px;
}

#mobiletrail {
        background: #68b42f;
}

/* LIANA logo */

#logo {
	display: inline-block;
	width: 264px;
        height: 54px;
	margin: -8px 0 0 0px;
}

#logo .sign, #logo .face {
	width: 57px;
	height: 54px;
	float: left;
}

#logo .face, #logo .text {
	line-height: 54px;
	background-image: url('/media/layout/img/sv/lianacms-logo-306x200.png');
}

#logo .front  {
	background-position: -57px 0px;
}

#logo .back {
	background-position: 0px 0px;

}

#logo .text {
	float: left;
	background-position: -114px 0px;
	width: 180px;
	height: 54px;
}

/* LIANA DE logo */

.DE #logo {
	display: inline-block;
	width: 264px;
        height: 54px;
	margin: -8px 0 0 0px;
}

.DE #logo .sign, #logo .face {
	width: 57px;
	height: 54px;
	float: left;
}

.DE #logo .face, #logo .text {
	line-height: 54px;
	background-image: url('/media/layout/img/sv/lianacms-logo-306x200.png');
}

.DE #logo .front  {
	background-position: -57px 0px;
}

.DE #logo .back {
	background-position: 0px 0px;

}

.DE #logo .text {
	float: left;
	background-position: -114px 0px;
	width: 180px;
	height: 54px;
}



/* KOODIVIIDAKKO logo */

.FI #logo {
	display: inline-block;
	width: 264px;
        height: 54px;
	margin: -8px 0 0 0px;
}

.FI #logo .front  {
	background-position: -57px 0px;
}

.FI #logo .sign, .FI #logo .face {
	width: 57px;
	height: 54px;
	float: left;
}


.FI #logo .face, .FI #logo .text {
	line-height: 54px;
	background-image: url('/media/layout/img/sv/lianacms-logo-306x200.png');
}

.FI #logo .text {
	float: left;
	background-position: -114px 0px;
	width: 207px;
	height: 54px;
}


.menu li.current a {
	background-color: #68b42f;
	color: #fff;
}
.subMenu li.current a {
	background-color: #64af2c;
	color: #fff;
}

h1.title .text, .year .text {
        background-color: #5fb314;
        border-top: 1px solid #4fa346;
        border-bottom: 1px solid #27802d;
}

h1.title .tip, .year .tip {
	 border-color: #5fb314 transparent transparent transparent;
}

.button .tip {
	border-color: #5fb314 transparent transparent transparent;
}

.button:hover .tip {
	border-color: #5c9c3e transparent transparent transparent;
}

header.mobileheader .button {
	background-color: #7edb39;
}

#contColor, .colorbg {
	background-image: none;
	background: #589f22;
}

.colorbg .pagination a, .colorbg .button {
        background-color: #69b52f;
}

.colorbg .pagination a:hover, .colorbg .button:hover {
        background-color: #73c138;
}

#contColor h2 {
	text-align: center;
	color: #fff;
}

.bubble, .comments .author {
        background-color: #448413;
}

.comments .author h3, .comments .author q {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.comments .author .commenter {
	margin-top: 1.5em;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.bubble .tip {
	 border-color: #448413 transparent transparent transparent;
}

/* FLOWPLAYER */

.flowplayer .fp-waiting em {
	background-color: #4c8930 !important;
	box-shadow: none !important;
}

.flowplayer .fp-progress {
	background-color: #fff !important;
}

.flowplayer .fp-controls {
        background-color: #376e1d !important;
}

.flowplayer .fp-timeline, .flowplayer .fp-volumeslider {
        background-color: #4c8c2f !important;
}

.flowplayer.is-splash .fp-ui, .flowplayer.is-paused .fp-ui {
	background-image: url('/media/layout/img/sv/play_white.png') !important;
}

/* OLARK CHAT */

.olrk-state-compressed #habla_window_div, .olrk-state-compressed #habla_panel_div {
        width: 150px !important;
        right: 192px;
        bottom: 0px;
        position: absolute;
}

.ie7 .olrk-state-compressed #habla_window_div, .ie7 .olrk-state-compressed #habla_panel_div, .ie8 .olrk-state-compressed #habla_window_div, .ie8 .olrk-state-compressed #habla_panel_div {
	position: static;
}

.EN .olrk-state-compressed #habla_window_div, .EN .olrk-state-compressed #habla_panel_div, .lang-en .olrk-state-compressed #habla_window_div, .lang-en .olrk-state-compressed #habla_panel_div {
	width: 170px !important;
        right: 183px;
}

.RU .olrk-state-compressed #habla_window_div, .RU .olrk-state-compressed #habla_panel_div, .lang-ru .olrk-state-compressed #habla_window_div, .lang-ru .olrk-state-compressed #habla_panel_div {
	right: 160px;
}

.ZH .olrk-state-compressed #habla_window_div, .ZH .olrk-state-compressed #habla_panel_div {
	right: 152px;
}

.olrk-state-expanded #habla_panel_div {
        -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}

#habla_window_div {
	font-family: Arial !important;
        right: 10px !important;
        bottom: 0px !important;
        margin: 0 !important;
}

#habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
        -webkit-border-top-left-radius: 2px !important;
        -webkit-border-top-left-radius: 2px !important;
        border-top-left-radius: 2px !important;
        border-top-right-radius: 2px !important;
}

#habla_window_div #habla_topbar_div {
	max-height: 0.99em !important;
        padding: 0.65em 0.8em !important;
        font-weight: bold !important;
        font-family: Arial, Verdana, sans-serif !important;
        font-size: medium !important;
        border-top: 1px solid #95e05b !important;
        border-bottom: 0px !important;
        border-right: 1px solid #72c037 !important;
        border-left: 1px solid #72c037 !important;
        background-color: #68b330 !important;
        color: #FFF !important;
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
        font-size: 115% !important;
}

#habla_window_div #habla_topbar_div:hover {
 	background-color: #72d022 !important;
        border-top: 1px solid #95e05b !important;
}

#habla_conversation_div a, #habla_window_div .habla_conversation_person2 {
        color: #427e26 !important;
}

#habla_window_div #habla_wcsend_input {
        border: 1px solid #d8d7d7 !important;
        font-family: Arial, sans-serif !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        font-size: 90% !important;
        -moz-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -ms-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -o-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        transition: border 0.2s linear 0s, background 0.2s linear 0s;
        margin: 10px !important;
        width: 280px !important;
}

#habla_window_div #habla_wcsend_input:focus {
        background-color: #efefef !important;
        border-style: solid !important;
        border-color: #d8d7d7 !important;
        border-width: 1px !important;
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

#habla_window_div #habla_expanded_div {
        border-left: 1px solid #d8d7d7 !important;
        border-right: 1px solid #d8d7d7 !important;
        border-bottom: 1px solid #d8d7d7 !important;
}

#habla_oplink_a:hover {
        text-decoration: none !important;
}

#habla_window_div .habla_button {
    	background-image: url("/media/layout/img/buttons-light.png") !important;
}

#habla_window_div.habla_window_div_base {
	z-index: 1000 !important;
}

.loading .anim {
        border: 6px solid #68b42f;
}

/* MEDIA QUERIES */

@media all and (max-width: 1100px) {
        #logo {
		background-image: url('/media/layout/img/sv/lianacms-logo230.png');
		width: 230px;
		height: 50px;
		margin: -0.2em 0 0 10px;  
      	}
        .FI #logo {
		background-image: url('/media/layout/img/sv/logo-230.png');
		width: 221px;
		height: 50px;
		margin: -12px 0 0 5px;  
      	}
	#logo div, #logo span {
		display: none;
	}
}

@media all and (min-width: 940px) {
        .imagebg {
                background-image: url('/media/layout/img/sv/image-bg.jpg') !important;
		background-repeat: repeat;
        }
}

@media all and (max-width: 940px) {
	.menu a {
		font-size: 100%;
	}
	.subMenu a {
		font-size: 90%;
	}
	#sites ul a {
		background-color: #72d022;
        	border-top: 1px solid #95e05b;
        	border-bottom: 1px solid #58aa19;
	}
	.FI #logo {
		margin: 0.7em 0 0 0;
	}
}

@media all and (max-width: 767px) {
	#logo {
		margin: 0;
	}
	.FI #logo {
                float: left;
                margin: 5px 0 0 0;
		background: transparent url('/media/layout/img/sv/logo-190.png') center center no-repeat;
		width: 190px;
		height: 41px;
        }

	#fixed {
		background-color: #5da23d;
	}
	
	header.mobileheader {
		background: #90e750;
		background: -moz-linear-gradient(top,  #90e750 0%, #68b42f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e750), color-stop(100%,#68b42f));
		background: -webkit-linear-gradient(top,  #90e750 0%,#68b42f 100%);
		background: -o-linear-gradient(top,  #90e750 0%,#68b42f 100%);
		background: -ms-linear-gradient(top,  #90e750 0%,#68b42f 100%);
		background: linear-gradient(to bottom,  #90e750 0%,#68b42f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90e750', endColorstr='#68b42f',GradientType=0 );
	}

	header.mobileheader .image {
                background: transparent url('/media/layout/img/sv/mobile-header-pic.png') center center no-repeat;
        }

        #habla_window_div {
                position: absolute !important;
                right: 0 !important;
                bottom: -500px !important;
        }
}
