﻿/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
a img {border:0;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style:none;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}

/* Site styles */
html {background:#006832;}
body {font:13px/18px Georgia, serif;color:#000;background:#fff;min-width:1000px;}
body.inside {background:#fff url("/i/bg.png") repeat-x 0 0;}
a {text-decoration:underline;color:#013d0c;}
a:hover {text-decoration:none;}

/* Intro */
.intro {position:relative;background:#077c38 url("/i/decor.png") repeat-x 50% 9px;height:42px;box-shadow:0 0 25px rgba(0,0,0,.17);z-index:3;}
	.intro .slogan {width:522px;margin:0 auto;background:#077c38;font:24px/42px Georgia, serif;text-align:center;}
		.intro .slogan span {text-shadow:0 0 5px rgba(255,255,255,.5);color:#e1fcae;}
		
/* Header */
.header {position:relative;background:#006832;height:110px;}
	.logo {position:absolute;top:8px;left:50%;margin:0 0 0 -500px;width:233px;height:123px;display:block;overflow:hidden;text-indent:-10000px;background:url("/i/logo.png") no-repeat 0 0;}
	.responsibilities {position:absolute;width:74px;height:118px;overflow:hidden;text-indent:-10000px;background:url("/i/responsibilities.png") no-repeat 0 0;}
	.header .responsibilities {top:10px;left:50%;margin:0 0 0 -255px;}
	.header nav {position:absolute;top:12px;left:50%;margin:0 0 0 -165px;width:550px;}
		.header nav>ul>li {float:left;margin:0;font:16px Georgia, serif;}
		.header nav>ul li:before{
			content: '·';
			margin: 0px 10px;
			color: #e1fcae;
			font-size: 26px;
		  }
		  .header nav>ul>li:first-child:before{
			content: '';
		  }
		  .header nav>ul>li>ul li:before{
			content: '';
		  }
			.header nav>ul>li>a {color:#fff;text-decoration:none;}
			.header nav>ul>li>a:hover {text-decoration:underline;}
/*			.header nav>ul>li>ul {position:absolute;top:23px;left:0;font:11px/16px Georgia, sans-serif;}*/
			.header nav>ul>li>ul {position:absolute;top:65px;left:0;font:16px/16px Georgia, sans-serif;}
				.header nav>ul>li>ul>li {float:left;margin:0 15px 0 0;}
					.header nav>ul>li>ul>li>a {color:#cdf188;}
	.clock {position:absolute;width:130px;top:12px;right:50%;margin:0 -500px 0 0;text-align:center;font:11px/16px Georgia, serif;color:#fffa9c;}
	
/* Promo */
/*.promoWrap {background:url("/i/promo.png") repeat-x 0 0;position:relative;z-index:2;}*/
.promoWrap {background:url("/i/promo1px.png") repeat-x 0 0;position:relative;z-index:2;}
/*.promo {background:url("/i/promo.jpg") no-repeat 50% 0;height:771px;text-align:center;color:#4c676b;font:14px Georgia, serif;position:relative;min-width:1000px;}*/
/*.promo {background:url("/i/promo2.png") no-repeat 50% 0;height:687px;text-align:center;color:#4c676b;font:14px Georgia, serif;position:relative;min-width:1000px;}*/
.promo {background:url("/i/baraback.jpg") no-repeat 50% 0;height:583px;text-align:center;color:#4c676b;font:14px Georgia, serif;position:relative;min-width:1000px;}
/*	#promo {height:538px;} */
	#promo {height:454px;}
	.promo h1 {font:24px Georgia, serif;color:#055f2b;margin:20px 0 10px;}
	.promo .responsibilities {top:33px;left:50%;margin:0 0 0 -490px;}
	.promo p {margin:0 0 6px;}
	.promo a {color:#0b7025;}
	ul.lang li {display:inline;margin:0 20px;}
	
/* Content */
.content {width:1000px;margin:0 auto;padding:74px 0 50px;}
	.content h1 {color:#2b2b2b;font:24px/24px Georgia, serif;margin:0 0 18px;}
	.content h2 {color:#2b2b2b;font:24px/24px Georgia, serif;background:url("/i/h2.png") no-repeat 50% 50%;text-align:center;margin:0 0 18px;}
	.content h3 {color:#909090;font:18px Georgia, serif;text-align:center;margin:0 0 18px;}
	.content p {margin:0 0 18px;}
	.content ul {margin:0 0 18px 24px;list-style:disc;}
	.content ol {margin:0 0 18px 24px;list-style:decimal;}
	.columns {margin:0 0 40px;}
	.columns:after {clear:both;content:'';display:block;}
/*		.columns .col {float:left;width:460px;margin:0 20px;}*/
		.columns .col {float:left;width:970px;margin:0 20px;}
	ul.catalogue {margin:0 0 20px;font-size:0;text-align:center;list-style:none;}
		ul.catalogue li {display:inline-block;width:170px;margin:0 15px 20px;vertical-align:top;font-size:14px;}
			ul.catalogue a {display:block;}
			ul.catalogue .pic {height:180px;}
				ul.catalogue .pic img {vertical-align:top;max-width:100%;}
	
/* Outro */
.outro {background:#077c38 url("/i/decor.png") repeat-x 50% 9px;height:42px;box-shadow:0 0 25px rgba(0,0,0,.17);position:relative;}
	.outro .slogan {width:522px;margin:0 auto;background:#077c38;font:24px/42px Georgia, serif;text-align:center;}
		.outro .slogan span {text-shadow:0 0 5px rgba(255,255,255,.5);color:#e1fcae;}

/* Footer */
.footer {background:#006832;color:#fff;font:14px/18px Georgia, serif;}
.footerIn {width:980px;margin:0 auto;padding:25px 10px;}
.footerIn:after {clear:both;content:'';display:block;}
	.dev {float:right;text-align:right;font:11px Tahoma;color:#b7dd6e;margin:-10px 0 0;}
		.dev a {color:#b7dd6e;}
		
/* Animation */
.slogan span {animation-duration:2s;animation-name:fade;animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-duration:2s;-webkit-animation-name:fade;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
@keyframes fade {
	from {opacity:1;}
	to {opacity:.3;}
}
@-webkit-keyframes fade {
	from {opacity:1;}
	to {opacity:.3;}
}

/* IE hacks */
.lt-ie8 a * {cursor:pointer;}
.lt-ie8 ul.catalogue li {display:inline;}
.lt-ie8 .footerIn, .lt-ie8 .columns {zoom:1;}


ul.jcarousel-list {margin: 0;}

#clock #bg {left:0;}