header {
	position: relative;
}

section {
	margin-bottom:16px;
}

laszonas {
	width:100%;
}

.laszonas {
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    -webkit-flex-flow: column;
	width:23.4%;
	margin:8px .8%;
	padding:0;
	border-bottom:#d3d0d0 thin solid;
	box-shadow: 0 8px 8px #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.laszonas:hover {
	box-shadow: 0 8px 8px #ccc;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.laszonas h3 {
	font-size:16px;
	font-weight:700;
	color: #fff;
	line-height:1.5;
	text-transform:uppercase;
	padding:8px 8px 6px 12px;
	margin:0;
	background-color:#11B8D5;
	width:100%;
	display:block;
}

.laszonas ul {
	width:80%;
	max-width:280px;
	margin:12px auto 0;
}

.laszonas li {
	font-size:16px;
	line-height:1.7;
	margin-left:16px;
	list-style-image:url(../../gif/ini-ulli.png);
}

/*---------------------------------------------- tercio --------------------------------------*/

.tercio {/*---reseņa--*/
	width:31.333%;
	padding:0;
	margin:8px 1%;
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	border-bottom:#d3d0d0 thin solid;
	background-color:#fff;
}

.tercio h5 {/*---reseņa--*/
	font-size:17px;
	font-weight:500;
	color:#FFFFFF;
	line-height:2;
	padding-left:12px;
	background-color:#222;
	margin: 0 0 8px;
}

.tercio p {
	margin-bottom: 6px;
}

/*---------------------------------------------- temamenu --------------------------------------*/

.temamenu {/*---reseņa--*/
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	border:#d3d0d0 thin solid;
	background-color:#fff;
	width:30.933%;
	padding:0;
	margin:8px 1.2%;
}

.temamenu h5 {/*---reseņa--*/
	font-size:16px;
	font-weight:500;
	text-indent:16px;
	color:#000;
	line-height:2;
	margin: 0 0 8px;
	border-bottom:#CCC 2px solid;
}

.temamenu p {
	padding:0 8px;
}

#inivideo {
	border:#339966 4px dotted;
	width:100%;
	background-color: #FFCCFF;
}

/*--------------------------------**********************************---------------*/

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

header {
	height:60px;
}

header #log-nav {
	background-color:#000;
}

.describe h3, .describe h6 {
	line-height:1.6;
}

.laszonas {
	width:48.4%;
	margin:2px 0.8% 8px;
}

.laszonas h3 {
	font-size:14px;
	font-weight:500;
	line-height:1.2;
	text-indent:0;
	padding:6px 8px;
}

.laszonas ul {
	width:100%;
	padding-left:6px;
	margin:8px auto 0;
}

.laszonas li {
	font-size:13px;
	line-height:1.5;
	margin-left:12px;
}

/*--------------------------------------------- tercio --------------------------------------------------*/

#tercio {
	width: 100%;
	margin: 8px auto;
}

.tercio {/*---reseņa--*/
	width:48.4%;
	margin:2px 0.8% 8px;
}

.tercio h5 {/*---reseņa--*/
	font-size:14px;
	padding:6px 8px;
	line-height:1.3;
	margin-bottom:4px;
}

.tercio p {/*---reseņa--*/
	font-size:12px;
	padding: 0;
	margin: 0 4px 4px;
}

}