/*
.bigbg.animation h1.title .text {
	padding: 0 !important;
}

.bigbg.animation h1.title .tip {
	display: none !important;
}
*/

#head, .bar {
	background-color: #000;
}

.nav .phone a, ol > li:before {
	background-color: #52c8e7;
}

.quote .q {
        color: #52c8e7;
}

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

#head #tools a:hover {
	background-color: #58d2f0;
}

.nav .phone a:hover {
	background-color: #5cdafb;
	border-color: transparent;
}

#head #tools a.current, #head #tools a.current:hover, #head #tools a:active {
	background-color: #3bb4d2;
	border-top: 1px solid #040708;
	border-bottom: 1px solid #040607;
}

#tools a, #lang ul a {
	background-color: #43bedc;
	border-top: 1px solid #4ac0dd;
	border-bottom: 1px solid #43b3cf;
}

#tools a.login {
        font-family: Arial, sans-serif;
        color: #000;
        font-weight: bold;
        text-shadow: 0 1px white;
        background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

.ie9 #tools a.login {
        filter: none;
}

#tools a.login .arr {
        font-weight: bold;
}

#tools a.login:hover {
        background: #fff;
}

.bigbg {
/*
        background: transparent url('/media/animaatiokuvat/prcloud-cloud-bg.jpg') repeat-x 0 bottom;
	animation: animatedBackground 100s linear infinite;
	-ms-animation: animatedBackground 100s linear infinite;
	-moz-animation: animatedBackground 100s linear infinite;
	-webkit-animation: animatedBackground 100s linear infinite;
*/
}

@keyframes animatedBackground {
	from { background-position: 0 bottom; }
	to { background-position: 100% bottom; }
}

@-webkit-keyframes animatedBackground {
	from { background-position: 0 bottom; }
	to { background-position: 100% bottom; }
}

@-ms-keyframes animatedBackground {
	from { background-position: 0 bottom; }
	to { background-position: 100% bottom; }
}

@-moz-keyframes animatedBackground {
	from { background-position: 0 bottom; }
	to { background-position: 100% bottom; }
}

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

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


#mobiletrail {
	background: #40c1e3;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* LIANA logo */

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

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

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

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

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

}

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

/* KOODIVIIDAKKO logo */

.FI #logo,
.DE #logo,
.EN #logo{
	display: inline-block;
	width: 320px;
        height: 48px;
	margin: -3px 0 0 0;
}

.FI #logo .sign, .FI #logo .face,
.DE #logo .sign, .DE #logo .face,
.EN #logo .sign, .EN #logo .face {
	width: 74px;
	height: 48px;
	float: left;
}

.FI #logo .face, .FI #logo .text,
.DE #logo .face, .DE #logo .text,
.EN #logo .face, .EN #logo .text{
	line-height: 48px;
	background-image: url('/media/layout/img/pr/logo.png');
}

.FI #logo .front,
.DE #logo .front,
.EN #logo .front {
	background-position: -74px 0px;
}

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

}

.FI #logo .text,
.DE #logo .text,
.EN #logo .text{
	float: left;
	background-position: -150px -1px;
	width: 165px;
	height: 48px;
}

.menu li.current a {
	background-color: #50cbe9;
	color: #fff;
}
.subMenu li.current a {
	background-color: #43bedc;
	color: #fff;
}

h1.title .text, .year .text {
        background-color: #50cbe9;
        border-top: 1px solid #64daf7;
        border-bottom: 1px solid #49bcd8;
}


.bigbg h1.title .tip {
	display: none;
}

h1.title .tip, .year .tip {
	 border-color: #50cbe9 transparent transparent transparent;
}

.button .tip {
	border-color: #52c8e7 transparent transparent transparent;
}

.button:hover .tip {
	border-color: #52c8e7 transparent transparent transparent;
}

#contColor, .colorbg {
	background-image: none;
	background: #44bdda;
}

.colorbg .pagination a, .colorbg .button {
        background-color: #70e0fe;
}

.colorbg .pagination a:hover, .colorbg .button:hover {
        background-color: #7ee3fe;
}

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

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

.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: #35b2d1 transparent transparent transparent;
}

.pr-cloud-img {
	width: 100%!important;
}

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

.lang-en .olrk-state-compressed #habla_window_div, .lang-en .olrk-state-compressed #habla_panel_div {
	right: 168px;
}

.EN .olrk-state-compressed #habla_window_div, .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;
}

.AR #habla_window_div {
	font-family: Arial !important;
	right: auto !important; 
	left: 135px !important;
}

.AR .olrk-state-compressed #habla_window_div {
	right: auto !important; 
	left: 306px !important;
}

.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 {
        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 {
        padding: 0.61em 0.8em !important;
        height: 16px !important;
        font-weight: bold !important;
        font-family: Arial, Verdana, sans-serif !important;
        font-size: medium !important;
 	border-top: 1px solid #5bd7f8 !important;
        border-bottom: 1px solid #47b3d0 !important;
        border-right: 1px solid #5bd7f8 !important;
        border-left: 1px solid #5bd7f8 !important;
        background-color: #52c8e7 !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 {
	border-top: 1px solid #52c8e7 !important;
        background-color: #5cdafb !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: 210px !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 #50cbe9;
}

/* MEDIA QUERIES */

@media all and (max-width: 1280px) {
        #logo {
		background-image: url('/media/layout/img/pr/logo-230.png');
		width: 140px;
		height: 50px;
		margin: -0.2em 0 0 10px;  
      	}
        .FI #logo {
		background-image: url('/media/layout/img/pr/logo-230.png');
		width: 200px;
		height: 40px;
		margin: 0em 0 0 10px;  
      	}
	#logo div, #logo span {
		display: none;
	}
}

@media all and (max-width: 1100px) {
	
        #logo {
		margin-top: -0.8em;  
      	}
	.FI #logo {
		margin-top: -0.3em;
	}
}	
	
@media all and (min-width: 940px) {
        .imagebg {
                background-image: url('/media/layout/img/pr/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: #040708;
	        border-top: 1px solid #040708;
	        border-bottom: 1px solid #040607;
	}
	#logo  {
		margin: 0.6em 0 0 0;
	}
	.FI #logo {
		margin: 1em 0 0 0;
	}
	.AR #logo {
		margin: 0.4em 0 0 0;
	}
}

@media all and (max-width: 767px) {
	
	#head {
		display: none;
	}
	
	#logo {
		margin: 0;
	}
	.FI #logo {
                float: left;
                margin: 0.7em 0 0 0;
		background: transparent url('/media/layout/img/pr/logo-190.png') center center no-repeat;
		width: 150px;
		height: 30px;
        }
	#fixed {
		background-color: #42b9d8;
	}
	
	
	header.mobileheader {
		background: #5cdafb;
		background: -moz-linear-gradient(top,  #5cdafb 0%, #40c1e3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cdafb), color-stop(100%,#40c1e3));
		background: -webkit-linear-gradient(top,  #5cdafb 0%,#40c1e3 100%);
		background: -o-linear-gradient(top,  #5cdafb 0%,#40c1e3 100%);
		background: -ms-linear-gradient(top,  #5cdafb 0%,#40c1e3 100%);
		background: linear-gradient(to bottom,  #5cdafb 0%,#40c1e3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cdafb', endColorstr='#40c1e3',GradientType=0 );

	}

	header.mobileheader .button {
	        background-color: #6cddfb;
	}

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

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

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