/*
	Page Name: LZF
	Page URI: http://www.geoportal.lt/lzf
	Author: Andrius Balciunas
	Author URI: http://cartoIQ.com
	Description: style for LZF webpage.
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    background-image: url("../../../images/bg/bg.png");
    background-color: #fff;
}

/* 
	Header 
*/

#app-header {
    background-image: url("../img/bg/bg-header.png");
    color: #fff;
}

	#app-header button, #app-header .button {
		background-color: transparent;
		border-color: #636363;
	}

.app-logo {
	padding-top: 0.5rem;
}

#app-nav a:hover{
	color: #D95B43;
}

#app-intro h1, #app-footer h1, #app-intro h2, #app-footer h2, #app-intro h3, #app-footer h3, #app-intro h4, #app-footer h4, #app-intro small, #app-footer small, #app-intro div, #app-footer div {
	color: #fff;
}

.app-intro-text {
	padding-bottom: 40px;
}

.app-intro-screen {
    background-image: url("../img/elements/lzf_screen.png");
	height: 323px;
}

.app-info-important {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

    .app-info-important .msg-important {
        background-color: #53777a;
        padding: 20px 15px 30px 15px;
        color: #fff;
    }

    .app-info-important .msg-important a {
        color: #fff;
        border-bottom: dotted 1px #fff;
    }

    .app-info-important .msg-important a:hover {
        border:none;
    }

    .app-info-important .msg-important i {
        font-size: 3em;
    }


/*
	Content
*/

.app-desc{
	height: 490px;
}

.app-desc-logo {
	width: 100%;
	height: 150px;
	margin-right: 10px;
	text-align: center;
}

	.app-desc-logo a {
		font-size: 6em;
		color: #fff;
	}

.app-desc-view {
	background-color:#C02942
}

	.app-desc-view:hover {
		background-color: #A52339;
	}

.app-desc-analyse {
	background-color:#ECD078
}

	.app-desc-analyse:hover {
		background-color: #ECC341;
	}

.app-desc-search {
	background-color: #D95B43;
}

	.app-desc-search:hover {
		background-color: #D9391A;
	}

.app-desc-text {
	padding: 15px;
	background-color: #E8E8E8;
	height: 340px;
}

#app-help {
	background-color: #53777A;
	padding-top: 20px;
}

	#app-help h3, #app-help h4, #app-help div {
		color: #fff;
	}

/*
	Footer
*/

#app-footer {
	background-color: #3D3830;
	padding: 40px 0px;
}

	#app-footer p {
		font-size: 13px;
		line-height: 21px;
		margin: 5px;
	}

	#app-footer a {
		color: #fff;
	}

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

	#app-footer i {
		padding: 0px;
		margin: 0px;
		font-size: 1.6875rem;
	}

.app-footer-text {
	text-align: center;
	padding-right: 20px;
}

.app-footer-borderleft {
	border-left: 1px solid #5E584D;
}

/* 
	Layout elements 
*/

.app-section {
	margin-bottom: 40px;
}

	.app-section h3 {
		color: #542437;
	}

.app-btn-info {
	margin-top: 20px;
}

.app-slider-video {
	padding: 30px 30px 0px 55px;
}

.app-slider-content {
	padding: 30px 55px 0px 0px;
}

.app-help-video{
	border: none;
}