@charset "utf-8";
/* 
daniel velasco css by Ichier 2011,2016
www.ichier.de
design by Sven Mücke
www.sven-muecke.de
first design by vogelfrei
www.vogelfrei-design.de
*/

html, * { padding:0; margin:0; font-family: 'AllerRegular', Arial, Helvetica, sans-serif; }

body {
	width:1118px;
	margin:0 auto;
	padding:0;
	color:#bdbebc;
	font-size:18px;
	line-height:1.6em;
	font-family: 'AllerRegular', Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#3C3E3D;
	background-image:url(img/bg.jpg);
	background-position:top center;
	overflow-y:scroll;
}

h1,h2,h3 { margin:0; font-weight:normal; font-style:normal; }
h1 { font-size:28px; line-height:28px; color:#0f96de; font-family:'AllerBold', Arial, Helvetica, sans-serif; margin:-7px 0 12px; }
h2 { font-size:18px; line-height:1.8em; color:#0f96de; }
h3 { font-size:18px; line-height:1.8em; color:#0f96de; display:inline; }

p { margin-top:3px; margin-bottom:23px; }

a, a:hover, a:link, a:visited, a:active, a:hover, .link { color:#bdbebc; text-decoration:none; border-bottom:dotted 1px #bdbebc; }
a:hover { color:#0f96de; border-bottom:dotted 1px #0f96de; }

img, .head a { border:none; }

.wht { color:#bdbebc; }
.cya { color:#0f96de; }
.dgr { color:#4b4b4d; }
.hgr { color:#bbbdbe; }

.head { margin-bottom:50px; }
.container { float:left; width:720px; min-height:480px; margin:0 280px 0 0; }
.pg_home .container { margin:0 20px 0 40px; }
.content { width:700px; min-height:480px; }
.ava { float:left; text-align:center; margin-bottom:1em; clip-path:circle(); width:220px; height:220px; }
.ava img { width:100%; }

.audio { margin-top:50px; }
.audio,.audio audio,.audio .cover { width:100%; }
.audio .cover { display:none; text-align:center; margin-bottom:1em; clip-path:circle(); width:220px; height:220px; }
.audio .cover img { object-fit:cover; width:100%; height:100%; }
.audio .playlist { margin-top:30px }
.audio .playlist div { line-height:1.2em; margin-top:1.2em; font-weight:300; cursor:pointer; display:flex; flex-flow:row; align-items:center; }
.audio .playlist div span.title { font-weight:400; margin-bottom:.4em; display:block; }
.audio .playlist div:hover { color:#0f96de; text-decoration:underline; }
.audio .playlist figure { text-align:center; height:2.6em; width:2.6em; flex-grow:0; flex-shrink:0; margin-right:.7em; }
.audio .playlist figure img {  object-fit:cover; width:100%; height:100%; }
.audio .playing { color:#0f96de; }

.navi {
	float:right;
	font-size:12px;
	line-height:17px;
	color:#bbbdbe;
	margin-top:-5px;
	width:115px;
	margin-bottom:40px;
}
ul.navi {
	list-style:none;
	padding:0;
}
ul.navi li { margin:0 0 13px; }
.navi a, .navi a:hover, .navi a:link, .navi a:visited, .navi a:active { display:block; color:#bbbdbe; border:none; }
.navi a:hover, .navi a.cya { color:#0f96de; }
.navcap {
	font-family: 'AllerBold', Arial, Helvetica, sans-serif !important;
	font-size:17px;
	line-height:19px;
	border:none;
}

.social a { float:left; border:none; margin:34px 30px 1px 0px; display:inline-block; height:30px; width:29px; text-align:center; font-size:12px; line-height:30px; }
.social a span { border:2px solid #bdbebc; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:5px 2px 4px; display:inline-block; margin:0px 0 0; line-height:11px; }
.social a:hover span { border:2px solid #0f96de; }


.cnt_home { height:480px; overflow:hidden; position: relative; }
.cnt_home div div { float:left; width:340px; height:480px; margin:0; position:relative; overflow:hidden; }
.cnt_home div div div { position:absolute; top:370px; left:0; display:none; background-color:rgba(11, 51, 71, 0.63); padding:15px 20px 0; }
.cnt_home div div div a { color:#f0ff07; }
.cnt_home div div div h1 { font-family:'AllerRegular', Arial, Helvetica, sans-serif; color:#fff; font-size:22px; line-height:22px; margin:0 0 6px; }
.cnt_home div div div h2, .cnt_home div div div h3, .cnt_home div div div p { font-family:'AllerRegular', Arial, Helvetica, sans-serif; color:#fff; font-size:15px; line-height:18px; }
.cnt_home div div:hover div { display:block; }
.cnt_home img { position:absolute; top:0; left:0; }


.cnt_filmography { width:720px !important; }
.cnt_filmography div { float:left; width:165px; height:233px; margin:0 15px 20px 0; position:relative; overflow:hidden; }
.cnt_filmography div div { position:absolute; top:0; left:0; display:none; background-color:rgba(11, 51, 71, 0.8); padding:21px 5px 0 10px; width:150px; height:212px; }
.cnt_filmography div div a { color:#f0ff07; }
.cnt_filmography div div h1 { font-family:'AllerRegular', Arial, Helvetica, sans-serif; color:#fff; font-size:24px; line-height:24px; }
.cnt_filmography div div h2, .cnt_filmography div div h3, .cnt_filmography div div p { font-family:'AllerRegular', Arial, Helvetica, sans-serif; color:#fff; font-size:14px; line-height:21px; }
.cnt_filmography div:hover div { display:block; }
.cnt_filmography img { position:absolute; top:0; left:0; width:165px; }


.cnt_news img { float:left; margin-right:25px; margin-bottom:20px; width:200px; }
.cnt_news .cll { clear:left; margin-bottom:10px; }

.cnt_about img { float:left; margin-right:20px; margin-bottom:80px; }
.cnt_about h1 { font-size:20px; line-height:22px; margin-top:-5px; }
.cnt_about p { font-size:18px; line-height:30px; margin-top:16px; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }