/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Tihomil Kulev
   ========================================================================== */

body {background: #ddd;font-family: Verdana,Geneva,sans-serif;}
.ytfoundation {widht: 100%; height: 25px; background-color: #4c5054; color: #ffffff;}
.ytfoundation span {font-size: 11px;font-family: Verdana; margin-left: 20px; line-height: 22px;}
.ytfoundation .wrapper {margin: 0px auto; width: 1097px}
.ytfoundation #elements {width: 720px; float: right}
#container {position: relative; width: 1097px; height: auto; margin: 0px auto;}
header { width: 1107px;height: auto;}
#webloz_femily{float: left; width: 500px; height: 109px; background: url('../imgs/webloz-family-background.png') no-repeat;margin-left: 4px;}
.webloz_original, .webloz_original_active {float: left;width: 247px; height: 102px;background: none;}
.webloz_original_logo {display: block;width: 247px; height: 102px; background: url('../imgs/webloz_logo_transperant.png') no-repeat center center;}
.webloz_original:hover, .webloz_active {background: #00579D;}
.webloz_original:hover .webloz_original_logo, .webloz_original_active .webloz_original_logo {background: url('../imgs/webloz_logo_white.png') no-repeat center center;}

.webloz_multimedia, .webloz_multimedia_active {float: left; width: 247px; height: 102px;background: none;}
.webloz_multimedia_logo {display: block; width: 247px; height: 102px; background: url('../imgs/webloz_multimedia_logo_transperant.png') no-repeat center center;}
.webloz_multimedia:hover, .webloz_multimedia_active {background: #9a679a;}
.webloz_multimedia:hover .webloz_multimedia_logo, .webloz_multimedia_active .webloz_multimedia_logo {background: url('../imgs/webloz_multimedia_logo_white.png') no-repeat center center;}

.webloz_students, .webloz_students_active {float: left; width: 247px; height: 102px;background: none;}
.webloz_students_logo {display: block; width: 247px; height: 102px; background: url('../imgs/webloz_students_logo_transperant.png') no-repeat center center;}
.webloz_students:hover, .webloz_students_active {background: #98cc66;}
.webloz_students:hover .webloz_students_logo, .webloz_students_active .webloz_students_logo {background: url('../imgs/webloz_students_logo_white.png') no-repeat center center;}

#mainlogo {position: absolute; z-index: 1000; top: 20px; right: -10px; width: 360px; height: 205px; float: right;background: url('../imgs/main-logo-shadow.png') no-repeat;margin-top: 20px;}
#mainlogo .content {background-color: #98cc66; width: 306px; height: 164px; margin: 0px 6px 7px 2px; padding: 15px 23px;}
#main {position: absolute; z-index: 100;top: 24px; width: 1107px; height: auto; background: url('../imgs/main-background-top.png') no-repeat;}
#main .left_column { float: left; width: 748px; height: 100%;}
#main .left_column .content { margin-left: 7px;padding: 12px 20px;font-size: 1.0em;}
#main .left_column .content ul li{ margin-left: 20px;text-indent: 0;}
#main .left_column .content ol li{ margin-left: 30px;text-indent: 0;}
#main .left_column a {text-decoration:none; border-bottom: 1px solid;}
#main .left_column a:hover {border: 0;}
#main .right_column { float: left; width: 360px; height: 100%;margin-top: 10px; }
#main .right_column .content { margin-left: -7px;}
#main .contentt {background: url('../imgs/main-background.png') top left repeat-y; width: 1108px; height: auto; margin:17px 0px 0px;}
#main .foot {width: 100%; height: 20px; background: url('../imgs/main-background-bottom.png') no-repeat;}

#mainlogo .logo {width: 100%; height: 94px;border-bottom: 1px solid #7ca653;}
.logo a{width: 100%; height: 100%;display: block;text-decoration: none;font-size:15px}
.location {width: 100%; height: 44px; border-top: 1px solid #b3d98e;padding: 18px 0;}
.location_info {font-size: 17px; text-align: right; font-family: Verdana; font-weight: bold;display: block; color: #567339;}

#navigation {z-index: 10000; margin-top: 0px; margin-left: 0px;}
#navigation div h2 { margin: 0px;line-height: normal; width: 360px; height: 50px;cursor: pointer;}
#navigation div h2 span {display: block; background-color: #98cc66; width: 349px; height: 41px; margin: 0px 6px 7px 2px;text-indent: 22px;font-size: 1em; /*20px*/ line-height: 45px; color: #ffffff;}
#navigation ul {padding-bottom: 10px}
#navigation ul li a {display: block; width: 340px; height: 29px;text-indent: 22px;color: #98cc66;font-size: 1.5em; line-height: 29px; text-decoration: none;}
#navigation ul li a:hover{text-decoration: underline}
#navigation .subselected{text-decoration: underline}
#navigation div h2 span a{color: #fff; text-decoration: none;}
#accent_news .main_image{display: block; position: relative; width: 685; height: 415px;border-bottom:0 !important;}
#accent_news .main_image img {position: absolute; top:0; left: 0; border: 1px solid #eee; width: auto; max-width: 685px;}
#accent_news .meta {width: 190px; height: 50px; position: absolute; top: 5px; right: 7px}
#accent_news .meta span {display: block;width: 180px; height: 40px; margin: 0px 6px 7px 2px;line-height: 40px; text-align: center;font-size: 18px; color: #fff; }
.news_list ul {list-style-type:none;padding:0;}
.news_list .info h2 {margin:0;}
.img_holder a {border: 0 !important;}
.img_holder .meta {display: block; width: 160px; height: 30px; color: #fff;font-size: 16px;line-height: 30px;text-align: center;margin: -1px 0px 0px 1px;}

footer {width: 1097px; height: auto;padding: 10px}
.social_profiles, .banner, #organizers, #sponsors {margin-left: 10px; margin-bottom: 10px;}
.social_profiles ul {padding:0; height: 30px;}

.webloz_students_view a {color: #98cc66; }
.webloz_students_view .img_holder .meta {background-color: #98cc66;}
.webloz_students_view #accent_news .meta span {background-color: #98cc66;}
.webloz_students_view #navigation ul li a {color: #98cc66;}
.webloz_students_view #navigation div h2 span {background-color: #98cc66;}
.webloz_students_view #mainlogo .content {background-color: #98cc66;}
.webloz_students_view #mainlogo .logo { background: url('../imgs/webloz-students-mainlogo.png') no-repeat}
.webloz_students_view #navigation ul li a:hover {text-decoration: underline;}
.webloz_students_view .social_box {border-color: #98cc66}

.webloz_original_view a {color: #00579D; }
.webloz_original_view .img_holder .meta {background-color: #00579D;}
.webloz_original_view #accent_news .meta span {background-color: #00579D;}
.webloz_original_view #navigation ul li a {color: #00579D;}
.webloz_original_view #navigation div h2 span {background-color: #00579D;}
.webloz_original_view #mainlogo .content {background-color: #00579D;}
.webloz_original_view #mainlogo .logo {color: #fff; border-bottom: 1px solid #50507c}
.webloz_original_view #mainlogo .logo a {color: #fff; border-bottom: 1px solid #50507c}
.webloz_original_view #mainlogo .location {border-top: 1px solid #8e8eb5;}
.webloz_original_view .location_info {color: #fff;}

.webloz_multimedia_view a {color: #9a679a; }
.webloz_multimedia_view .img_holder .meta {background-color: #9a679a;}
.webloz_multimedia_view #accent_news .meta span {background-color: #9a679a;}
.webloz_multimedia_view #navigation ul li a {color: #9a679a;}
.webloz_multimedia_view #navigation div h2 span {background-color: #9a679a;}
.webloz_multimedia_view #mainlogo .content {background-color: #9a679a;}
.webloz_multimedia_view #mainlogo .logo { background: url('../imgs/webloz-multimedia-mainlogo.png') no-repeat; border-bottom: 1px solid #6e507b;}
.webloz_multimedia_view #mainlogo .location {border-top: 1px solid #b48eb4;}
.webloz_multimedia_view .location_info {color: #fff;}
.full{width: 685px;height: 405px;}
#slogan {
    clear: both;
    color: #999999;
    font: bold 1.45em/20px Verdana,Geneva,sans-serif;
    padding: 5px 0 20px;
    width: 340px;
    height: 40px;
    margin-right: 10px;
    margin-left: 6px;
}
	.number_five
	{
		float: left;
		font-size: 44px;
		margin-top: 0px;
		margin-right: 4px;
                line-height: 44px;
                color: #00579D;
	}
        .number_five small {
            font-size: 20px;
            position: relative;
            top: -20px;
            display: inline-block;
        }
	.line
	{
		display: inline-block;
		width: 235px;
		font-size: .87em;
	}
        .line a {
            color: #999999;
            text-decoration: none;
        }
	.purple
	{
		color: #669;
	}
	
.social_box{margin-top: 20px; margin-left: 8px; width: 336px; height: auto; border: 2px solid #00579D}
.social_nav{width: 345px; height: 40px;}
.nav a{width: 168px; height: 40px;float: left}
.facebook_box {width:338px;height:275px;}
.facebook a{height: 41px;background: url(../imgs/facebook.png) no-repeat 24px 6px #3B5A9A;}
.twitter_box{display: none}
.twitter_box ul{list-style-type: none}
.twitter_box ul li{padding: 10px 2px;text-indent: 0;border-top: 1px solid #ccc; }
.twitter_box .widget-title{padding-left: 5px;}
.twitter_box .widget-title a{text-decoration: none;}
.twitter a{background: url(../imgs/twitter.png) no-repeat 26px -3px #fff; border-bottom: 1px solid;}
.twitter a:hover, .twitter a.active{border-color: #fff}
.facebook a.active {border: 2px 1px 0 0 red;}
#likebox-frame{ width:340px; z-index:10; height: 275px; overflow: hidden; position:relative; top:-1px; left:-2px;}
#likebox-frame iframe{ left:-4px; overflow:hidden; position:relative; top:-1px;}

a.l_but {color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;}
.uchastnik select{font-size: .8em}
/* ................ Navigation */
	div#navigation {
		font: bold 2em Verdana, Geneva, sans-serif; /*20px*/
	}


			

			div#navigation div h2.section,
				div#navigation div h2 a {
					margin-top: 5px;
					color: #FFF;
					text-decoration: none;
					padding: 6px 20px 8px;
					display: block;
					width: 270px;
					cursor: pointer;
				}

			div#navigation div ul {
				background-color: #E6E6E6;
				padding-bottom: 8px;
			}

				div#navigation div ul li {
					margin-bottom: 0px;
					padding: 5px 0px;
				}

					div#navigation div ul li span,
					div#navigation div ul li a {
						background: none;
						font-size: 0.85em; /*17px*/
						padding: 0px 0px 0px 30px;
						width: auto;
						display: inline;
					}

					div#navigation div ul li span {
						color: #212121;
						cursor: default;
						background: url(../images/bullets/navigation_arrow_purple.png) no-repeat 12px 6px;
					}

					div#navigation div ul li a {
						color: #669;
						text-decoration: underline;
					}

						div#navigation div ul li a:hover {
							text-decoration: none;
						}
/* ........................... */



/* .................... Banner */
	div.banner {
		margin-top: 20px;
	}

		div.banner a,
			div.banner a img {
				display: block;
			}
/* ........................... */

/* ................. News list */
	div.news_list {
		margin-top: 20px;
	}

		div.news_list ul {
			
		}

			div.news_list ul li {
				margin-bottom: 30px;
			}

				div.news_list ul li div.img_holder {
					float: left;
					margin-right: 15px;
				}

					div.news_list ul li div.img_holder a,
						div.news_list ul li div.img_holder a img {
							display: block;
						}

					div.news_list ul li div.img_holder a {
						
					}

						div.news_list ul li div.img_holder a img {
							
						}

				div.news_list ul li div.info {
					padding: 0px 0px 0px 175px;
				}
/* ........................... */
div#content div.inner span.meta {
				margin-bottom: 25px;
			}
			
			div#content div.inner object,
			div#content div.inner embed,
				div#content div.inner img.full {
					margin: 0px auto 14px;
					display: block;
					width: 100%;
				}
/* ******************************* FOOTER */

/* .................... Common */
	div#sponsors,
	div#partners,
	div#info_details {
		padding: 5px 0px 10px;
		font-size: 1em; /*12px*/
		line-height: 17px;
		text-align: center;
	}

		div#sponsors span,
		div#partners span {
			display: block;
			text-align: left;
		}

		div#sponsors a,
		div#partners a {
			padding: 0px 1%;
		}
/* ........................... */

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */


@media only screen and (max-width: 1200px){
header {width: 955px;}
footer {width: 930px;}
#accent_news .main_image {width: 556px; height: 320px}
#accent_news .main_image img {width: 540px;}
#main .left_column {width: 596px;}
#main {width: 944px;  background: url('../imgs/main-background-top-small.png') no-repeat;}
#main .contentt {width: 958px; background: url('../imgs/main-background-small.png') repeat-y;}
#main .foot {width: 944; background: url('../imgs/main-background-bottom-small.png') no-repeat;}
#container {width: 950px}
.ytfoundation .wrapper {margin: 0px auto; width: 950px}
#mainlogo{right: -6px}
.full {width: 540px; height: 320px;}
}

@media only screen and (max-width: 700px){
body {background: #fff}
header {width: 100%;position: relative;}
#webloz_femily {background: #fff; width: 100%; height: auto;margin:0;}
.webloz, .webloz_students, .webloz_multimedia {width: 49%; height: auto}
.ytfoundation {display: none}
#accent_news .main_image {width: 100%; height: auto}
#accent_news .main_image img {position: relative; width: 100%;border:0;max-width: 100%;}
#accent_news .main_image .meta {position: relative; top:0; left:0; background: none; width: 100%;}
#accent_news .main_image .meta span {padding: 0; margin: 0px;width: 100%;height: auto;}
#main .left_column {width: 100%;}
#main { margin:0px 0px 0px 0px; position: relative;top: 0;width: 100%;  background: none}
#main .contentt {width: 100%; background: none;}
#main .foot {display: none; background: none;}
#container {width: auto; margin:0;}
#mainlogo {float: left; background: none;width: 100%;height: auto;margin:0;position: relative;right:0;}
#mainlogo .content {width: 100%;margin:0;padding:0;}
footer {width: 100%; padding:0}
.social_profiles, .banner {display: none}
#navigation h2 span{margin:0}
/*TODO*/
.webloz_logo {background-size: 50%}
.webloz_original_logo, .webloz_multimedia_logo, .webloz_students_logo {height: 70px; width: 100%; background-size: 70%}
.img_holder {clear: both; display: block;width: 100%;margin:0}
.img_holder .meta {width: 100%; margin:0}
.img_holder img{width: 100%; height: auto; border:0}
div.news_list ul li div.info {padding:0 !important;}
.right_column {width: 100% !important;}
.right_column .content {margin:0};
#navigation {margin: 0}
#navigation div h2 {background: none; width: 100%; padding:0; margin:0;}
#navigation div h2 span {width: 100%; margin:0;}
#navigation div ul {width: 100%; margin:0; padding:0}
#navigation li { width: 100%; margin:0; padding:0}
#navigation ul li a {padding:0; margin:0; width: 100%;}
#main .left_column .content {padding:0; margin:0;}
#main .left_column .content ul li {margin:0}
.full {width: 100%; height: auto}
.social_box{display: none}
}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
#main .left_column .content .news_list ul li {
    margin-bottom: 10px;
}