﻿* { padding: 0; margin: 0; border: 0;}
a {text-decoration: none; color: #0C97BE; }
a:hover {text-decoration: underline;}
fieldset, img {border: 0 none;}
ul {list-style: none;}
strong {font-size: 1.0em; font-weight: bold;}
em {font-size: 1.0em; font-weight: normal; font-style: italic;}

body {background: url(/img/background.gif) #EEEDEE; font-family: Arial, Tahoma, sans-serif; font-size: 11px; color: #333333; line-height: 1.5em; border-top: 2px solid #FFF;}
.mark { border: 1px solid #cccccc; padding: 3px; font-weight: bold; }
#wrapper {width: 900px; margin: 0 auto; overflow: hidden;}

#top {float: left; width: 900px;}
	.header {width: 900px; overflow: hidden; background: url(/img/header_bg.gif) 0 bottom repeat-x; padding: 0 0 4px 0; margin: 0 0 15px 0;}
	#top h1 {float: left; width: 396px; height: 68px; padding: 19px 0 0 20px;}
		#top h1 a {display: block; width: 260px; height: 55px; background: url(/img/ekspres_logo.gif) no-repeat;}
			#top h1 a span {display: none;}
	.finder {padding: 4px 0 6px 22px; float: left; width: 456px; background: url(/img/finder_bg.gif) 0 bottom no-repeat;}
		.finder label {padding: 4px 0 0 0; margin: 0 10px 0 0; font-weight: bold; float: left; text-transform: uppercase; color: #000; font-family: Georgia, Arial, sans-serif;}
		.finder input {float: left;}
			.finder input#find_field {padding: 3px 6px 3px 6px; width: 211px; background: url(/img/field_bg.gif) repeat-x #FFF; border: 1px solid #E3E3E3; color: #CCC; text-align: left; font-size: 10px;}
			.finder input#find_button {height: 21px; width: 90px; text-align: center; border: 0 none; background: none; font-size: 11px; font-weight: bold; color: #FFF; cursor: pointer;}
	#top h2 {float: left; width: 478px; height: 37px; padding: 6px 0 6px 0;}
		#top h2 a {display: block; margin: 0 0 0 144px; width: 330px; height: 37px; background: url(/img/wyd_logo.gif) right 0 no-repeat;}
			#top h2 a span {display: none;}
	#top div#banner {clear: both; width: 900px; overflow: hidden; margin: 0 0 15px 0; line-height: 0; font-size: 0; display: block; text-align: center;}
	
	ul.menu {clear: both; width: 870px; overflow: hidden; padding: 0 15px 13px 15px; background: url(/img/content_top.gif) 0 bottom no-repeat;}
		ul.menu li {float: left; padding: 0 2px 0 0;}
			ul.menu li a {float: left; height: 26px; text-transform: uppercase; font-weight: normal; padding: 0px 0 0 2px; background: url(/img/menu_left.gif) 0 bottom no-repeat; color: #3f3f3f; font-weight: bold; }
				ul.menu li a span {float: left; height: 26px; line-height: 27px; padding: 0 7px 0 4px; font-size: 10px; background: url(/img/menu_right.gif) right bottom no-repeat; cursor: pointer;}
				ul.menu li a.active, ul.menu li a:hover {background: url(/img/menu_left_o.gif) 0 bottom no-repeat; text-decoration: none;}
					ul.menu li a.active span, ul.menu li a:hover span {background: url(/img/menu_right_o.gif) right bottom no-repeat;}

#content {clear: both; overflow: hidden; padding: 5px 10px 10px 10px; width: 880px; background: url(/img/content_bg.gif) no-repeat #FFF;}
	.container1 {width: 880px; overflow: hidden; background: url(/img/line.gif) 417px 0 repeat-y;}
	#content h2 {color: #F50000; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: Georgia, Arial, sans-serif; padding: 0 0 10px 0;}
	#content .blue_box h2 { padding: 0; }
	#content p {padding: 0 0 10px 0;}
	#content img {float: left; margin: 0 10px 10px 0;}
	ul.navi {float: right; clear: both; line-height: 1.2em !important;}
		ul.navi li {float: left; padding: 0 4px 0 4px;}
			ul.navi li.line {border-left: 1px solid #0C97BE;}
			ul.navi li a {color: #0C97BE;}
			ul.navi li.first_item a {padding: 0 0 0 10px; background: url(/img/arrows_l.gif) 0 5px no-repeat;}
			ul.navi li.last_item a {padding: 0 10px 0 0; background: url(/img/arrows_r.gif) right 5px no-repeat;}
	#content div.hr {width: 100%; clear: both; overflow: hidden; border-top: 1px solid #E3E3E3; height: 6px; line-height: 0; font-size: 0; margin: 4px 0 0 0;}
	#content small {display: block; font-size: 1.0em; font-weight: normal;}
			
#main1 {float: left; width: 378px; padding: 5px 25px 0 15px;}
#main2 {float: right; width: 640px; padding: 5px 25px 0 15px;}
#main3 {float: right; width: 452px; padding: 5px 213px 0 15px; position: relative;}
	ul.actual_list {width: 100%; clear: both; overflow: hidden;}
		ul.actual_list li {float: left; clear: both; width: 100%; padding: 10px 0 24px 0; background: url(/img/list_border.gif) 0 bottom repeat-x}
			#content h3 {width: 100%; overflow: hidden; display: block; font-size: 12px; font-weight: bold; padding: 0 0 2px 0; color: #0C97BE;}
				#content h3 a {float: left; color: #0C97BE; margin: 0 7px 0 0;}
				h3 strong.speaker_ico {float: left; width: 14px; height: 14px; background: url(/img/speaker_ico.gif) no-repeat; margin: 0 7px 0 0;}
				h3 strong.disc_ico {float: left; width: 14px; height: 14px; background: url(/img/disc_ico.gif) no-repeat; margin: 0 7px 0 0;}
					h3 strong span {display: none;}
			ul.actual_list li small, small.date {display: block; font-size: 10px !important; font-weight: normal; color: #8A8989; padding: 0 0 12px 0;}
			ul.actual_list li p {padding: 0 0 3px 0 !important;}
			ul.actual_list li a.more {line-height: 1.6em; float: right; padding: 0 0 0 10px; color: #0C97BE; font-weight: normal; background: url(/img/arrow1.gif) 0 7px no-repeat;}
			ul.actual_list li a.picture_link {float: left; width: 60px; border: 2px solid #F7F7F7; position: relative; overflow: hidden; margin: 0 10px 10px 0;}
				ul.actual_list li a.picture_link img {float: none !important; display: block; margin: 0 auto !important;}
				ul.actual_list li a.picture_link strong {position: absolute; left: 1px; bottom: 1px; display: block; width: 17px; height: 17px; background: url(/img/lupa_ico.gif) no-repeat; cursor: pointer;}
					ul.actual_list li a.picture_link strong span {display: none;}
	
	.blue_box {float: left; width: 248px; padding: 9px 0 0 0; background: url(/img/blue_box_top.gif) 0 0 no-repeat; margin:  0 10px 0 0;}
		.blue_box ul {width: 222px; padding: 0 13px 20px 13px; background: url(/img/blue_box_bottom.gif) 0 bottom no-repeat #0C97C0; overflow: hidden;}
			.blue_box ul li {clear: both; float: left; width: 100%; min-height: 132px; height: auto !important; height: 120px; padding: 10px 0 10px 0; background: url(/img/blue_box_line.gif) 0 bottom repeat-x;}
				.blue_box ul li.last_item {background: none;}
				.blue_box ul li dl {width: 100%; overflow: hidden; padding: 0 0 10px 0;}
					.blue_box ul li dl dt {color: #FFF; font-weight: bold; font-family: Georgia, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 0 0 0px 0;}
					.blue_box ul li dl dd {line-height: 1.6em; padding: 0 0 0 10px; background: url(/img/arrow2.gif) 0 7px no-repeat;}
						.blue_box ul li dl dd a {font-weight: normal;}
		.blue_box a.more {line-height: 1.6em !important; clear: both; float: right; padding: 0 0 0 10px; background: url(/img/arrow2.gif) 0 7px no-repeat; color: #FFF; font-weight: normal;}
	
	.banner_box {float: left; width: 190px; padding: 9px 0 0 0; background: url(/img/baner_box_top.gif) 0 0 no-repeat;}
		ul.banner_box_bg {overflow: hidden; width: 150px; padding: 8px 20px 30px 20px; background: url(/img/baner_box_bottom.gif) 0 bottom no-repeat #E6E6E6;}
			ul.banner_box_bg li {float: left; overflow: hidden; clear: borh; width: 100%; padding: 0 0 15px 0;}
				ul.banner_box_bg li h2 {padding: 0 !important;}
				ul.banner_box_bg a img {float: left; margin: 0 !important; width: auto !important;}
	
	ul.site_navi {width: 100%; display: block; overflow: hidden; clear: both; padding: 0 0 15px 0;}
		ul.site_navi li {float: left; padding: 0 10px 0 15px; color: #8A8989; background: url(/img/arrows1.gif) 0 6px no-repeat;}
			ul.site_navi li.first_item {padding: 0 10px 0 0; background: none;}
			ul.site_navi li a {color: #0C97BE; font-weight: normal;}
			
	#main2 div.multimedia_box {width: 600px; padding: 0 20px 20px 20px; margin: 20px 0 0 0; clear: both; overflow: hidden; background: url(/img/multimedia_bg.gif) 0 bottom no-repeat #E6E6E6;}
		.multimedia_box ul.menu {width: 640px !important; padding: 0 !important; margin: 0 -20px 20px -20px; background: #FFF !important;}
			.multimedia_box ul.menu li a span {padding: 0 32px 0 28px !important;}
			.multimedia_box ul.menu li a.active, .multimedia_box ul.menu li a:hover {background: url(/img/menu_left2_o.gif) 0 bottom no-repeat !important;}
				.multimedia_box ul.menu li a.active span, .multimedia_box ul.menu li a:hover span {background: url(/img/menu_right2_o.gif) right bottom no-repeat !important;}

	#main3 div.blue_box {position: absolute; top: 4px; right: 10px; margin: 0 !important; width: 188px !important; background: url(/img/blue_box_small_top.gif) 0 0 no-repeat !important;}
		#main3 div.blue_box ul {width: 162px !important; background: url(/img/blue_box_small_bottom.gif) 0 bottom no-repeat #0C97C0 !important;}
	
#sub1 {float: left; width: 452px; padding: 5px 0 0 10px; overflow: hidden;}
#sub2 {float: left; width: 170px; padding: 5px 10px 0 20px; overflow: hidden; }
#sub2 h2 { padding-bottom: 0; margin-bottom: 0; }
	#sub2 div.banner_box {float: none !important; clear: both; margin: 0 -10px 0 -10px;}
	#text { font-size: 12px; }
	ul.sub_menu {width: 100%; clear: both; overflow: hidden; padding: 0 0 20px 0;}
		ul.sub_menu li {color: #0C97BE; padding: 0 0 0 10px; background: url(/img/arrow1.gif) 0 8px no-repeat; line-height: 1.8em;}
			ul.sub_menu li a {color: #0C97BE; font-weight: normal;}
		.sub_menu a.active { font-weight: bold; }
.pointers a { padding-left: 10px; background: url(/img/arrow1.gif) 0 3px no-repeat; display: block;}
#footer{width: 900px; height: 20px; clear: both; overflow: hidden; background: url(../img/content_bottom.gif) 0 0 no-repeat;}

.tips { display: none; }
.show { display: block; }
ul.gallery li {float: left; padding: 0 24px 0 24px;}
			ul.gallery li a {float: left; width: 260px; height: 175px; overflow: hidden; padding: 1px; border: 1px solid #E7E5DB; display: block;}
				ul.gallery a span {display: none;}
				ul.gallery li a img {display: block; margin: auto; vertical-align: middle;}
			a.first_item, a.last_item {padding: 0 !important; height: 175px; background: red; float: left; }
			a.first_item span, a.last_item span { display: none; }
			a.first_item, a.last_item {width: 30px !important; border: none !important;}
			a.first_item {background: url(/img/arrow_l.gif) center center no-repeat;}
			a.last_item {background: url(/img/arrow_r.gif) center center no-repeat; float: right; }
			.admin .txt { border: 1px solid #e3e3e3; padding: 2px; font-size: 11px; }
			.admin label { float: left; width: 100px; }
			.admin div { margin: 10px 0; }
			.admin .center { text-align: center; }
			.admin .submit { background: #e3e3e3; font-size: 11px; padding: 5px; border: 1px solid #e3e3e3; }