/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	html{overflow: hidden}
	body { padding: 0px; overflow:hidden; height:100%;}
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding:0 }
	.coda-slider { background: #fff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; position:relative;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav{padding:10px 0; height:50px;}
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; padding-top:13px; }
	.coda-nav ul li { display: inline; width:80px;}
	
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 5px 8px; text-decoration: none;
	font-size:10px;
font-weight:bold;
	}
	.coda-nav ul li a:hover {
	background:#3399CC;
	}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	* html .coda-slider .panel { display: inline; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	#wrap{

	}
	h1.logo{
	position:absolute; top:11px; left:20px; z-index:1000;
	background:url(../images/logo2.png) no-repeat;
	width:268px; height:103px;
	}
	* html h1.logo{
	background:url(../images/logo2.gif) no-repeat;
	}
	span.spanyat{
	position:absolute; top:8px; left:257px; z-index:1000
	}
	.topborder{
	position:absolute; 
	top:68px; 
	left:0px; 
	z-index:900; 
	height:10px; 
	width:100%; 
	background:url(../images/ic.png) repeat scroll 0 0 transparent;
	}
	* html .topborder{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}
	#gallery{
	height:50px;
	bottom:0;
	position:absolute;
	width:100%;
	}
	.gallery-ic{
	width:100%;
	
	margin-top:17px;
	}
	.icerik h3{
	font-size:14px;
	padding:3px 8px;
	background:#578BB7;
	display:inline;
	color:#fff;
	}
	*:first-child+html .icerik h3{
	height:25px;
	line-height:24px;
	}
	.open, .close{float:right; margin:10px;}
	.open a{
	background:url(../images/ok.gif) no-repeat scroll 0 0 transparent;
display:block;
float:none;
height:30px;
margin:0;
outline:medium none;
width:30px;
	}
	.open a:hover{
	background:url(../images/ok.gif) no-repeat scroll 0 -30px transparent;
	}
	.close a{
	background:url(../images/ok.gif) no-repeat scroll -30px 0 transparent;
display:block;
float:none;
height:30px;
margin: 230px 0 0 0;
outline:medium none;
width:30px;

	}
	.close a:hover{
	background:url(../images/ok.gif) no-repeat scroll -30px -30px transparent;
	}
	.menu1{
width:1280px;
	}
	.menu2{
	width:1280px;
	}
	.menu3{
	width:1280px;
	}
	.menu4{
	width:1280px;
	}
	.menu5{
	width:1280px;
	}
	.ana .icerik{
	height:70px;
	}
	.ic{
	float:left;
	padding:10px 10px;
	overflow:hidden;
	width:90%;
	height:300px;
	text-align:justify;
	margin-right:40px;
	font-size:11px;
	font-weight:bold;
	}

	.ic p{
	margin:3px;
	text-align:justify;
	}
	.ic ul.yan{
	float:left;
	margin-left:10px;
	padding:0 4% 0  0;
	}
	.ic ul.width{
	width:44%;
	}
	.ic ul.width-ru{
	width:49%;
	padding:0;
	height:90%;
	overflow-y:auto;
	}
	.ic ul li strong{
	font-size:15px;
	}
	.ic ul.booknow{
	width:40%;
	}
	.ic ul.booknow li{
	
	}
	.ic ul.booknow li input{
	border:1px solid #ccc;
	}
	.ic ul.booknow li input.OKbutton{
	border:1px solid #2b85b2;
	background:#3399CC;
	color:#fff;
	font-weight:bold;
	}
	.ana {
	border-top:4px solid #578bb7;
	bottom:50px;
	position:absolute;
	width:100%;
	z-index:9999;
	background:url(../images/ic2.png) repeat;
	height:70px;
	}
	* html .ana{
	bottom:70px;
	}
	* html .event{
	bottom:472px;
	}
	.event{
	position: absolute;
	bottom:150px;
	left:20px;
	z-index:9999;
	background:url(../images/ic2.png) repeat;
	width:258px;
	
	padding:5px;
	}
	.event-ic{
	background:url(../images/ic2.png) repeat;
	overflow:hidden;
		
	}
	.event .main-image{
	float:left;
	}
	.event h1{
	font-size:13px;
	background:#578bb7;
	color:#fff;
	margin:0 0 5px 0;
	padding:5px;
	}
	 .prog{
	  margin:10px 0 0;
	  display:block;
	  }
	 * html .prog{
	  margin:5px 0 0;
	  }
	.event p{
	background:url(../images/ic2.png) repeat;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0;
	padding-left:5px;
	}
	* html .event p{
	background:#fff;
	margin:1px 0;
	}
	.border{
	font-size:11px;
	background:url(../images/border2.png) repeat-y;
	padding:5px;
	width:340px;
	margin:5px;
	float:left;
	}
	.icerik{
	height:350px;
	border-top:4px solid #578bb7;
	bottom:70px;
	position:absolute;
	width:100%;
	z-index:9999;
	background:url(../images/ic2.png) repeat;
	display:inline-block;
	}
	* html .icerik{
	bottom:350px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}
	.panel h2{
	display:none;
	}
	.ic ul{
	color:#444;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	}
	.ic ul li{
	background:#fbfbfb;
	display:block;
	margin-top:4px;
	padding:10px;
	}
	p.myriad{
	font:bold italic 20px Myriad Pro, Trebuchet MS, Arial;
	text-align:center;
	}
	.alt-title{
	width:90%;
	margin:-10px 10px 10px;
	}
	*:first-child+html  .alt-title{
	margin:-12px 10px 10px;
	}
	ul.lang{
list-style:none;
position:absolute; 
top:23px; 
right:20px; 
z-index:1000;
width:120px;
}
ul.lang li{
display:inline;
}
ul.lang li a{
float:left;
padding:0;
color:#333;
text-decoration:none;
font-size:11px;
margin-left:5px;
width:32px;
height:25px;
line-height:24px;
text-align:center;
text-indent:0;
outline:0 none;
}
ul.lang li a.flag-en{
background:#eee url(../images/diller.png) no-repeat -40px 0;
}
ul.lang li a.flag-de{
background:#eee url(../images/diller.png) no-repeat -40px -42px;
}
ul.lang li a.flag-ru{
background:#eee url(../images/diller.png) no-repeat -40px -21px;
}
ul.lang li a.flag-en:hover{
background:#eee url(../images/diller.png) no-repeat 0 0;
}
ul.lang li a.flag-de:hover{
background:#eee url(../images/diller.png) no-repeat 0px -25px;
}
ul.lang li a.flag-ru:hover{
background:#eee url(../images/diller.png) no-repeat 0px -50px;
}
ul.lang li a:hover{
color:#111;
text-indent:-99999px;
}
	
	.img_container { height:120px; clear:both;}
  .img_container ul {display:block;padding:0;margin:0;list-style:none;}
  .img_container ul li{float:left;width:60px;margin:0px;background:transparent none;}
  .img_container ul li a img {
      width:50px;
      height:44px;
      
      padding:5px;
      
  }
  a.imageborder img{
      width:50px;
      height:44px;
     
      padding:5px;
    
      float:left;
      margin:0 10px;
  }
  .img_container ul li a:hover img, a.imageborder:hover img { background:#fff; }