body { 
	padding:0px; 
	margin:0px; 
	background:#EBEBEB url("mapbg.png") no-repeat scroll center top / 90% auto; 
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	
	}

h1, h2, h3 { padding:0px; margin:0px;}
a { text-decoration:none; color:#0872CB;}
a:hover { color:#004D79;}
ul, li { margin:0px; padding:0px;}

.wrapper-box { min-width:1024px;}
.container { width:1024px; margin:0 auto;}

/* header */
.header { height:165px; }
@media all and (max-width: 1400px) { .header { } }

.header .container { width:100%; margin:0 auto; min-width:1024px; max-width: 1470px;}

.logo span { 
	display: block;
	width: auto;
	float: left;
	font-size: 30px;
	line-height: 29px;
	background: #004d79;
	height: 66px;
	margin-top: 10px;
	padding-top: 7px;
	padding-right:20px;
}

.logo { margin-left:20px; color:#ffffff; font-size:22px; text-transform:uppercase; padding-top:40px;}
.logo a { color:#fff;}
.logo a:hover { opacity:0.8;}

.logo img { display: block; width: 200px; float: left; margin-right: 0px; margin-top:0px;}

.lang { margin-left: 0px; text-align: right; right: 685px; position: absolute; }
@media all and (max-width: 900px) { .lang { left: 0px; width: 187px;} }

.lang a {
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		font-size: 13px;
		color: #0872CB;
		background:#fff;
		height:17px;
		margin-top:-5px;
		padding:2px 10px;
	}

.lang a:hover { opacity:0.8;}

/* navigation */

	.navigation {
		height:55px;
		float:left;
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
		position:relative;
		z-index:30000;
		font-size:0.9em;
		text-transform: uppercase;
		background:#0872cb;
	}
	
	.navigation ul {
		width:100%;
		display:block;
		float:left;
		pading:0px;
		z-index: 1;
		position: relative;
	}
	
	.navigation li {
		width: auto;
		display:block;
		float:left;
		margin:0px;
		pading:0px;
		position:relative;
	}
	
	.search-ico { width:12px !important; margin-left:40px !important; margin-right:0px !important;}
	.search-ico a { 
		background: #76A8DD url("search-ico.png") no-repeat scroll 6px 6px / 25px auto;
		border-radius: 100%;
		min-height: 14px !important;
		margin-top: 11px; 
	}
	.search-ico a:hover { background: #add4fd url("search-ico-h.png") no-repeat scroll 6px 6px / 25px auto !important; }
	
	.navigation li a {
		width:100%;
		min-height:38px; padding-top:17px; display:block; float:left; text-align:center; text-transform:uppercase; text-decoration:none; color:#ffffff;     		
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 30px;

		
		-webkit-transition-delay: 1s; /* Safari */
		transition-delay: 1s;
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.navigation li a:hover { background:#ffffff; color:#0872cb; }


	
	/**/
	
	.navigation ul ul {
		display: none;
		position: absolute;
		top: 55px;
		margin-left:0px;
	
	}
	
	.navigation ul ul li {
		float: none; 
		width: 100%;
	}
	
	.navigation ul ul li a {
		padding: 6px 10px;

		background:#0872cb;
		font-size:12px;
		min-width:120px;
		border-bottom: 1px dotted #fff;		
	}
	
	.navigation ul ul li a:hover {background:#ffffff; color:#0872cb;}
	
	.navigation ul li:hover > ul {
		display: block;
	}
	
	.navigation ul ul li ul {
		float: none;
		width: 120px;
		left:150px;
		top:0;
	}
        

#input {
    position: absolute;
    top: 0;
    left: 60px;
    width: 450px;
    height: 60px;
    z-index: 5;
    overflow: hidden;
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: -450px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #23688b;
    color: #fff;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    left: 0;
    transition: left 0.3s;
}


.nav-year a { min-height:5px !important;}









/* breadcrumbs */
.breadcrumbs { margin:10px 0px 15px 0px; color:#b0b0b0; float:left; width:100%;}
.breadcrumbs a { display:inline-block;vertical-align:middle; text-transform:uppercase; font-size:13px; color:#0872CB;}
.breadcrumbs a:hover {color:#004D79;}

/* CONTENT LEFT */
.content-L-wrapper { margin-right:400px;}
.content-L { float:left; background:#ffffff; width:543px; padding:20px; margin-bottom:40px;}

.content-L h1 { margin-bottom:10px; font-size:25px;}
.content-L .date { font-size:10px; margin-bottom:10px;}

.content-L .bigimg img { float:left; width:490px; height:auto; margin:0 0px 0px 40px;}
.content-L .bigimg img.img1 { float:left; width:490px; height:auto; margin:0 10px 5px 0px;}
/**/

.more-news { width:543px;}
.more-news div { width:167px; float:left; margin:0 10px;}
.more-news div:first-child { margin-left:0px}
.more-news div:last-child { margin-right:0px}
.more-news div img { width:100%; margin:0 0 10px 0; }
.more-news div h1 { font-size:16px;}
.more-news div span { display:block;}





/**/

.content-tree-box { background:#d4d4d4; float:left; width:100%; padding:40px 0px 20px 0px;}
.content-tree { float:left;}
.content-tree h1 { font-size:20px; margin-top:10px;}
.content-tree h1:first-child { margin-top:0px;}
.content-tree div {
	width: 286px;
	height:170px;
	margin-left: 40px;
	padding-right: 40px;
	float: left;
	border-right: 1px dotted #000;
	}
.content-tree div:first-child { margin-left:0px;}
.content-tree div:last-child { padding-right:0px; border-right:0px;}
.content-tree span { display:block; font-size:10px; margin-bottom:10px;}
.content-tree span i { padding:2px 5px; font-style:normal; text-transform:uppercase; color:#ffffff; background:#0872CB; letter-spacing:0.5px;}

	/* documents */
	.documents h1 { font-size:16px;}
	.documents ul { list-style:none;}
	.documents ul li {
		margin-bottom: 10px; background: #ebebeb; height:40px; padding: 5px 20px 5px 20px; border-radius:3px; border: solid 1px #ccc;

		background: rgba(226,226,226,1);
		background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
		background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
		background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
		background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
		background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
		}

	.documents ul li:hover {
		background: rgba(254,254,254,1);
		background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(49%, rgba(209,209,209,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1)));
		background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%);
		background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%);
		background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%);
		background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
		}


.links { margin-top: 35px; float: left;}
.links h1 {font-size: 18px; margin-bottom:10px; float:left; margin-right:20px;}
.links span a { margin-top:5px; font-size:16px; margin-right:20px;}

/* CONTENT RIGHT */
.content-R-wrapper { width:400px; float:right;}
.content-R { width:250px; float:left; background:#f5f5f5; margin-bottom:40px; padding: 10px 20px 20px 20px;}

.content-R-R { background:#f5f5f5; margin-bottom:40px; width:90px; float:right;}
.content-R-R a { margin: 16px 25px 0px; float: left; display:block;}
.content-R-R a:last-child { margin-bottom:10px;}
.content-R-R i { font-size:24px; color:#0872CB;}
.content-R-R i:hover {color:#004D79;}

.content-R h2 { padding-bottom:10px; border-bottom:1px dotted #7E7E7E; margin-bottom:10px; font-size:23px; font-weight:normal;}

.map-text { opacity:0.6; margin-top:10px;}

.mapbg { background:transparent url("mapbg.png") no-repeat scroll center center / 134% auto;}

/* calendar */
.calendar { list-style:none;}
.calendar span { display:block; margin-top: 10px;}
.calendar span i { background:#0872CB ; color:#ffffff; padding: 0px 5px 0px 20px; margin-left: -20px; font-size:10px; font-style:normal;}


/* logos-footer */
.logos-footer { float:left; text-align:center; width:100%; margin-top:20px;}
.logos-footer img { border:0px;}

/* footer */
.footer {
	height: 250px;
	background: #004D79 none repeat scroll 0% 0%;
	float: left;
	margin-top: 20px;
	width: 100%;
	color:#fff;
	}
	
.footer .container { padding-top:40px;}

.footer-nav { width:48%; float:left; opacity:0.8;}
.footer-nav ul { list-style:none;}
.footer-nav li { 
	display: block;
	margin-bottom: 5px;
	float: left;
	margin-top: 4px;
	margin-right:20px;
	}
.footer-nav a { color:#fff;}
.footer-nav a:hover { color:#B0B0B0;}

.footer .logo { width:48%; float:left; padding-top:0px; text-align: right; padding-right:1.5%; margin-right:1.5%; border-right:1px dotted #fff; opacity:0.7;}

.copy { float: left; width: 100%; margin: 50px 0 0 0; text-align:center; opacity:0.8;}
.copy a { color:#fff; opacity:1;}
.copy a:hover { color:#fff; opacity:0.8;}

.article {}
.article h1 { color:#004D79; margin-bottom:0px; font-weight:normal; font-size:30px;}
.aticle-img { width:100%; float:left; margin-top:20px; margin-bottom:0px; border-bottom: 1px dotted #7E7E7E; border-top: 1px dotted #7E7E7E; padding:20px 0;}
.article img { margin-left:0px; width:100%;}
.aticle-txt { line-height:23px; float:left;  background-color: rgba(255, 255, 255, 0.3); }
.aticle-txt div { padding:20px;}

/*************************/
/* UI KIT FIX */

.uk-datepicker { display:block !important; margin-left: -11px;}



/* calendar */
#date  {
	margin-bottom:0px;
}

#date h2,
div.region  {
	background: #f0f2ef url('right_bg.gif') no-repeat top left;
}

table.calendar {
	margin-left:12px;
	margin-top:5px;
}

table.calendar caption {
	margin-left:2px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 3px 0px 2px 0px;
	color:#5D5F52;
}

table.calendar caption span.calendar-prev {
	display:block;
	float:left;
	margin-top: 0px;
}

table.calendar caption span.calendar-next {
	display:block;
	float:right;
	margin-top: 0px;
}

table.calendar th {
	width:21px;
	border-bottom: 1px solid #D4D7C2;
	color:#5D5F52;
}

table.calendar td {
	color:#5D5F52;
}

table.calendar td a {
	font-weight:bold;
}

table.calendar img {
	margin-top:5px;
}