@charset "utf-8";
/* CSS Document */

/* fonts for IE 4–8 */
@font-face {
    font-family: 'DINWebPro';
    src: url('/fonts/dinpro-light_regular-webfont.eot');
    src: url('/fonts/dinpro-light_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dinpro-light_regular-webfont.woff') format('woff');
	font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'DINWebPro';
    src: url('/fonts/DINPro-LightItalic.eot');
    src: url('/fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DINPro-LightItalic.woff') format('woff');
	font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'DINWebPro';
    src: url('/fonts/dinpro-regular-webfont.eot');
    src: url('/fonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dinpro-regular-webfont.woff') format('woff');
	font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'DINWebPro';
    src: url('/fonts/dinpro-medium_regular-webfont.eot');
    src: url('/fonts/dinpro-medium_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dinpro-medium_regular-webfont.woff') format('woff');
	font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'DINWebPro';
    src: url('/fonts/dinpro-bold_regular-webfont.eot');
    src: url('/fonts/dinpro-bold_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dinpro-bold_regular-webfont.woff') format('woff');
	font-weight: 800;
    font-style: normal;
}

* {margin: 0; padding: 0;}
body  {font:14px DINWebPro, Arial, sans-serif; color:#000000;min-width:1100px;-webkit-transition: background 1s ease-out;-moz-transition: background 1s ease-out;-o-transition: background 1s ease-out;transition: background 1s ease-out;}
ul {list-style:none;}
img {border:none;vertical-align:top;}
a {color:#000000;text-decoration:none;}
a:hover {text-decoration:none;}
#wrapper {width:980px;margin:0 auto;position:relative;}

.clear {clear:both; font-size:1px; line-height:0px; height:0px;}
.hidden {display:none;}

h1 {font:48px/54px DINWebPro, Helvetica, Arial, sans-serif; font-weight:600; color:#000000;  text-transform:uppercase;}
h2 {font:36px/42px DINWebPro, Helvetica, Arial, sans-serif; font-weight:600; color:#000000;  text-transform:uppercase; line-height:26px;}
h3 {font-family:DINWebPro,Helvetica,Arial,sans-serif; font-weight:800; font-size:18px; line-height:21px; text-transform:uppercase; margin-left:-1px;}
h3 strong {color:#ff0000;}
#map-ya {width:800px;height:500px;}
.Clear {clear:both;}

.slidernavi {height:12px;font:15px/12px DINWebPro, Helvetica, Arial, sans-serif;font-weight:200;position:relative;padding:0 4px;position:absolute;right:0;z-index:100;}
	.slidernavi span {display:block;height:12px;width:32px;text-align:center;}
	.slidernavi a {display:block;height:12px;width:4px;position:absolute;top:0;background:url(/images/festival_2014/slidernavi-bg.gif);}
	.slidernavi a.prev {left:0;background-position:left top;}
	.slidernavi a.next {right:0;background-position:right top;}

/*head*/
.head {height:100px; padding:20px 0 0 0;border-bottom:3px solid black;}
.head .left {width:345px; float:left; padding-top:10px;}
.head .right {width:auto/*635px*/; float:right; padding-top:15px;}
.head .logo1 {background:url(/images/logo1.png) no-repeat; width:163px; height:67px;float:left;margin-right: 30px;}
.head .logo1 a {display:block; height:66px;}
.head .logo2 {background:url(/images/logo2.png) no-repeat; width:149px; height:73px;float:left;}
.head .logo2 a {display: block;height: 53px;}
.head .lang {font:14px/20px DINWebPro, Helvetica, Arial, sans-serif;font-weight:400;float:right;}
.head .lang span {display:inline-block;height:20px;}
.head .lang span.active {padding:0 7px;background-color:#eaeaea;margin-right:11px;}
.head .lang a {color:#83cbe9;border-bottom:1px solid #6fb9ff;}
.head .right .lang a span {color:#FF0000;}
.head .lang a:hover {border:0;}
.head .social {width:auto; float:right; margin-right:25px;}
.head .menu {text-align:right;line-height:18px; margin-right:-10px;padding-top:12px;}
.head .menu ul {float:right;}
.head .menu li {font:normal 600 18px/18px DINWebPro,Helvetica,Arial,sans-serif; margin-left:10px; padding:12px 10px 0 10px; float:left; height:66px;}
.head .menu li a {text-decoration:none; background:url(/images/tm_line.gif) left bottom repeat-x; position:relative; display:inline-block; height:20px;}
.head .menu li a:hover {background:none;}
.head .menu li.active {background-color:#ffffff; color:#ed2024;}
.head .menu li.active a span {color:#ed2024;}

.fest-name {border-bottom:3px solid black;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:35px;}
.fest-name>span {font-size:18px;font-weight:200;display:block;width:100%;margin-bottom:2px;}
.fest-name h1 {font-size:38px;font-weight:400;margin-bottom:14px;}
.fest-name h1>span {color:#ff0000;}
.fest-info {margin-bottom:62px;}
.fest-info .left {float:left;margin-left:30px;width:310px;}
.fest-info .left:first-child {width:300px;margin-left:0;}
.fest-info .left.info {font:normal 200 14px/17px DINWebPro,Helvetica,Arial,sans-serif;}
.fest-info #slider-video .item p {font:normal 200 18px/22px DINWebPro,Helvetica,Arial,sans-serif;}
.fest-info #slider-video .item p a:hover {color:#ff0000;}
.fest-info #slider-video .item img {margin-bottom:11px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
.fest-info #slider-video .item a:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -webkit-filter: grayscale(0);
}
#slider-video {position:relative;}
	#slider-video .slidernavi {top:197px;}
	
	
#events {position:relative;border-bottom:3px solid #dbdbdb;border-top:3px solid #dbdbdb;padding:34px 0 40px 0;margin-bottom:20px;}
	#events h4 {font:normal 200 18px/21px DINWebPro,Helvetica,Arial,sans-serif;background:white;letter-spacing:2px;text-transform:uppercase;padding:0 20px;position:absolute;top:-12px;left:50%;margin-left:-142px;}
	#events .wrap {text-align:center;}
	#events .wrap .item {display:inline-block;width:125px;margin-left:60px;vertical-align:top;}
	#events .wrap .item:first-child {margin-left:0;}
	#events .wrap .item .date {font:normal 400 16px/20px DINWebPro,Helvetica,Arial,sans-serif;color:#ea2425;margin-bottom:5px;text-align:left;letter-spacing:1px;}
	#events .wrap .item img {margin-bottom:7px;display:block;height:83px;width:125px;}
	#events .wrap .item .type {font:normal 200 13px/14px DINWebPro,Helvetica,Arial,sans-serif;text-align:left;margin-bottom:5px;}
	#events .wrap .item .type span {font-weight:600;margin-right:5px;}
	#events .wrap .item .name {font:normal 200 14px/17px DINWebPro,Helvetica,Arial,sans-serif;text-align:left;}
	#events .wrap .item .name a {border-bottom:1px solid #6fb9ff;}
	#events .wrap .item .name a:hover {color:#ff0000;}

#festival-main {margin-bottom:40px;}
	#festival-main .left {float:left;width:280px;position:relative;top:0;padding-top:20px;}
	#festival-main .left h4 {font:normal 200 18px/21px DINWebPro,Helvetica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px;}
		#filter-date {list-style:none;margin-bottom:31px;}
		#filter-date li {display:inline-block;height:26px;font:normal 200 15px/26px DINWebPro,Helvetica,Arial,sans-serif;padding:0 8px;background:#f1f1f1;margin-left:8px;cursor:pointer;}
		#filter-date li:first-child {margin:0 16px 0 0;}
		#filter-date li.check {color:white;background-color:#ff0000;cursor:default;}
		#filter-place {list-style:none;}
		#filter-place li {display:inline-block;font:normal 200 15px/18px DINWebPro,Helvetica,Arial,sans-serif;padding:5px 8px;background:#f1f1f1;margin-right:8px;cursor:pointer;margin-bottom:9px;}
		#filter-place li.check {color:white;background-color:#ff0000;cursor:default;}
	
	
	#festival-main .right {float:right;width:680px;min-height:500px;margin-bottom:200px;}
		#place-wrap {margin-bottom:30px;padding-top:20px;}
		#place-wrap .shedule {border:1px solid #c3c3c3;padding:10px 15px;float:right;margin-left:20px;}
		#place-wrap .shedule ul {}
			#place-wrap .shedule ul li {font:normal 200 14px/18px DINWebPro,Helvetica,Arial,sans-serif;}
			#place-wrap .shedule ul li span {width:50px;display:inline-block;}
			#place-wrap .shedule ul li.red {position:relative;}
			#place-wrap .shedule ul li.red div {width:100%;border-top:1px solid #ff0000;position:absolute;padding:0 2px;top:10px;left:-2px;}
		
		#place-wrap h3 {font:normal 200 32px/36px DINWebPro,Helvetica,Arial,sans-serif;text-transform:none;}
			#place-wrap h3 span {color:#ff0000;}
			#place-wrap h3 span span {display:inline-block;height:12px;width:11px;background:url(/images/festival_2014/close-bg.png);margin-bottom:2px;cursor:pointer;}
			#place-wrap p {font:normal 200 16px/25px DINWebPro,Helvetica,Arial,sans-serif;overflow:hidden;}
			#place-wrap p a {color:#ff0000;text-decoration:none;border-bottom:1px solid #6fb9ff;}
			#place-wrap p a:hover {border-bottom:none;}
			
		#wrap-item {}
			#wrap-item .item {width:320px;float:left;position:relative;margin:0 0 50px 0;padding:0 10px;}
			#wrap-item .item .hover {display:none;position:absolute;width:100%;height:100%;background:white;z-index:9;padding:16px;top:-16px;left:-16px;-webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 16px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 16px 0px rgba(50, 50, 50, 0.75);}
			#wrap-item .item:hover .hover {display:block;border-radius:3px;}
			#wrap-item .item .slider {position:relative;margin-bottom:17px;}
			#wrap-item .item .slider .wrap {overflow:hidden;}
			#wrap-item .item .slider .wrap div {text-align:center;width:320px;}
			#wrap-item .item .slider .slidernavi {bottom:-33px;right:0;position:absolute;z-index:1;}
			#wrap-item .item .date {font:normal 200 16px/20px DINWebPro,Helvetica,Arial,sans-serif;color:#ff0000;letter-spacing:2.5px;margin-bottom:7px;position:relative;}
			#wrap-item .item .name {font:normal 400 14px/18px DINWebPro,Helvetica,Arial,sans-serif;margin-bottom:4px;position:relative;}
			#wrap-item .item .name a {color:black;text-decoration:none;border-bottom:1px solid #6fb9ff;}
			#wrap-item .item .name a:hover {color:#ff0000;}
			#wrap-item .item .name a b {font-weight:600;letter-spacing:1px;text-transform:uppercase;}
			#wrap-item .item .place {font:normal 200 13px/18px DINWebPro,Helvetica,Arial,sans-serif;font-style:italic;position:relative;}
			#wrap-item .item:hover {z-index:12;}
			#wrap-item .item:hover .slider,#wrap-item .item:hover .date,#wrap-item .item:hover .name,#wrap-item .item:hover .place {z-index:10;}
			#wrap-item .item:hover .slider  {z-index:11;}
/*#dedede*/
#titles{background:white;position:relative;z-index:2;padding:60px 0;-webkit-transition: background 1s ease-out;-moz-transition: background 1s ease-out;-o-transition: background 1s ease-out;transition: background 1s ease-out;}
#titles .conteiner {width:980px; margin:0 auto; overflow:hidden;position:relative;}
	#titles h4 {font:14px/16px DINWebPro, Helvetica, Arial, sans-serif;font-weight:200;text-align:center;text-transform:uppercase;letter-spacing:4px;}
	#titles ul {list-style:none;}
	#titles ul li {font:14px/20px DINWebPro, Helvetica, Arial, sans-serif;font-weight:200;text-align:center;}
	
.head .voxxter_simple_button {font:14px/20px DINWebPro, Helvetica, Arial, sans-serif;font-weight:400;float:right;display:inline-block;height:20px;padding:0 7px;background-color:#eaeaea;margin-right:25px;}
.head .voxxter_simple_button:hover {color:white;background-color:#ff0000;}