/*
#005174
#f9ee6f

#464646
#ca4a59
#71b398
	rgb(0,84,116);
	rgb(249,328,110);
	rgb(70,70,70);
	rgb(202,74,89);
	rgb(113,179,152);

#d5e5eb;
#8bbbc9;


*/


 
.tema, .tema * {
	box-sizing: border-box;

    
}

.tema {
    width: 70%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: -80vh;
	margin-bottom: 30vh;
	position: relative;
	padding: 40px;
/*	height: 50vh;*/
	line-height: 40px;
	font-size: 30px;
	    font-style: italic;
        text-shadow: 1px 1px 5px #000;
/*	background-color: rgba(204, 197, 197, 0.7);*/
/*	background-color: rgba(200,200,200, 0.5); */
	  color: white;
	  z-index: 1;
}
.tema h3 {
	text-transform: uppercase;
	line-height: 120%;
	font-size: 40px;
	font-weight: bold;
	color: white;
}
.tema p {
	color: white;
}
.tema img {
	position: absolute;
/*	width: 24%;
	right: 10px;
	top: 10px;
	max-width: 370px;

*/
	display: none;
	z-index: 2;
}
.tema img:nth-of-type(2) {
	display: block;
/*	right: 20%;
	top: 25%;*/
	z-index: 1;
}
.tema img:hover,
.tema img:focus {
	z-index: 10;
}
.tema a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.tema a.readmore,
.tema a.location {
	display: inline-block;
	border: 5px solid #8bbbc9;
	font-size: 0;
	margin: 5px;
	width: 50px;
	height: 50px;
/*	position: absolute;
	right: 5px;
	bottom: 5px;
*/
	float: right;
}
.tema a.readmore:hover,
.tema a.location:hover {
	background-color: #f9ee6f;
}
.tema a.location {
	right: 60px;
}
.tema a.readmore:before,
.tema a.location:before {
	font-size: 22px;
	color: white;
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
	margin: 0px 8px;
	display: inline-block;
}
.tema a.readmore:before {
	content: "\e252";
}
.tema a.location:before {
	content: "\63";
}
body.com_k2.view-item .temalayout .itemText {
	max-width: inherit;
}
.temalayout .itemIntroText {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
/*	background-position: center; */
	background-position: top left;
	padding-bottom: 50px;
	transition: background-image 2s ease-in-out;	
	moz-transition: background-image 2s ease-in-out;	
	overflow: hidden;
	margin-left: -50vw;
	left: 50%;
	width: 100vw;
	position: relative;
}
.temalayout .itemIntroText::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
/*
	z-index: 5;
	opacity: 0.3;
*/
	opacity: 0;
	transition: opacity 2s ease-in-out;
/*	background: red; */
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.temalayout .itemIntroText.vis::before {
	opacity: 1;
}

.temalayout .itemIntroText > p,
.temalayout .itemIntroText > h1,
.temalayout .itemIntroText > h2 {
	background: white;
	padding: 10px;
	margin: 0;
	text-align: center;
	position: relative;
/*
	margin-left: -50vw;
	left: 50%;
	width: 100vw;
	position: relative;
*/
}
.temalayout .itemIntroText > p {
	font-size: 110%;
}

.temalayout h1.header.itemTitle {
font-size: 30px;
}

.temalayout .itemText hr {
/*	display: none;*/
}
.temalayout .itemText hr {
/*	background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	/*background-size: cover;*/
	/*background-image: url("/media/k2/items/cache/ee760d1c1474fde7f8f71a96b2452e29_XL.jpg");
	/*/
	background-color: white;
	height: 100vh;
	opacity: 0;
	margin: 0;
	border-top: 0;
	border-bottom: 0;
	width:1170px;
	max-width: 100%;
}
.temalayout .itemIntroText:after {
    content: "";
    background: black;
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}
.tema li {
	line-height: 40px;
}

div.modal.fade.in {
	height: 80%;
}

@media only screen and (max-device-width: 1199px) {
	.tema img {
		width: 30%;
	}
}

@media only screen and (max-device-width: 1024px) {
/*
	.tema img {
		width: 28%;
	}
*/
	.temalayout .itemIntroText {
		background: none !important;
	}
	.temalayout .itemText hr {
		opacity: 1;
	}
}


/* phone */
@media only screen and (max-width: 450px){
	.temalayout .itemIntroText.vis::before,
	.temalayout .itemIntroText {
		background: none !important;
	}

	.tema img {
		position: absolute;
		width: 100%;
		left: 5px;
		top: 5px;
		max-width: 97%;
		display: block;
	}

	.tema {
		width:100%;
		background-color: rgba(0, 0, 0, 0.22);
/*
		height: 60vh;
		margin-top: -80vh;
		margin-bottom: 30vh;
		*/
		font-size: 24px;
		line-height: 30px;
		padding-top: 250px;
		padding-bottom: 90px;
		margin: 0;
		height: auto;
	}
	.tema h3 {
		font-size: 30px
	}
	.tema p, .tema h3 {
		width: 100%;
	}
	.tema img:nth-of-type(2) {
		display: none;
	}
	.temalayout .itemText hr {
		display: none;
	}
	.tema a.readmore:before,
	.tema a.location:before {
		margin: 7px 8px;
	}
	.tema li {
		line-height: 30px;
	}
}