/* CSS Document */


.h1 {font-size:1.75em;}
.h2 {font-family:Georgia; font-size:20px; color:#002366;}
.h3 {font-family:Georgia; font-size:16px; color:#002366;}

.left {
    align: left;	
}











/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }










/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}












/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}
















.gradient {
	/* Legacy browsers */
	background: powderblue url("gradient-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: powderblue;
	background: powderblue\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: powderblue url("gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, right top,
				from(rgba(0,35,102,1)),
				to(powderblue),
		color-stop(0.75, royalblue)
			);
			background-image: -webkit-linear-gradient(
				left,
				rgba(0,35,102,1),
				royalblue 75%,
		powderblue
			);
			background-image: -moz-linear-gradient(
				left,
				rgba(0,35,102,1),
				royalblue 75%,
		powderblue
			);
			background-image: -o-linear-gradient(
				left,
				rgba(0,35,102,1),
				royalblue 75%,
		powderblue
			);
			background-image: linear-gradient(
				left,
				rgba(0,35,102,1),
				royalblue 75%,
		powderblue
			);
		}
	}


.gradient-sun {
	/* Legacy browsers */
	background: #002366 url("gradient-sun-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #002366;
	background: #002366\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-sun-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-sun {
			/* Opera */
			background: rgba(0,35,102,1) url("gradient-sun-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, right top,
				from(#002366),
				to(rgba(0,35,102,1)),
		color-stop(0.2, #002366),
		color-stop(0.5, powderblue),
		color-stop(0.8, #002366)
			);
			background-image: -webkit-linear-gradient(
				left,
				#002366,
				#002366 20%,
		powderblue 50%,
		#002366 80%,
		rgba(0,35,102,1)
			);
			background-image: -moz-linear-gradient(
				left,
				#002366,
				#002366 20%,
		powderblue 50%,
		#002366 80%,
		rgba(0,35,102,1)
			);
			background-image: -o-linear-gradient(
				left,
				#002366,
				#002366 20%,
		powderblue 50%,
		#002366 80%,
		rgba(0,35,102,1)
			);
			background-image: linear-gradient(
				left,
				#002366,
				#002366 20%,
		powderblue 50%,
		#002366 80%,
		rgba(0,35,102,1)
			);
		}
	}


.gradient-reverse {
	/* Legacy browsers */
	background: #002366 url("gradient-reverse-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #002366;
	background: #002366\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-reverse-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-reverse {
			/* Opera */
			background: rgba(0,35,102,1) url("gradient-reverse-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, right top,
				from(powderblue),
				to(rgba(0,35,102,1)),
		color-stop(0.15, royalblue)
			);
			background-image: -webkit-linear-gradient(
				left,
				powderblue,
				royalblue 15%,
		rgba(0,35,102,1)
			);
			background-image: -moz-linear-gradient(
				left,
				powderblue,
				royalblue 15%,
		rgba(0,35,102,1)
			);
			background-image: -o-linear-gradient(
				left,
				powderblue,
				royalblue 15%,
		rgba(0,35,102,1)
			);
			background-image: linear-gradient(
				left,
				powderblue,
				royalblue 15%,
		rgba(0,35,102,1)
			);
		}
	}









.gradient-sun {
	/* Legacy browsers */
	background: powderblue url("gradient-sun-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: powderblue;
	background: powderblue\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-sun-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-sun {
			/* Opera */
			background: powderblue url("gradient-sun-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#002366),
				to(powderblue),
		color-stop(0.5, #002366)
			);
			background-image: -webkit-linear-gradient(
				top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: -moz-linear-gradient(
				top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: -o-linear-gradient(
				top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: linear-gradient(
				top,
				#002366,
				#002366 50%,
		powderblue
			);
		}
	}






.gradient-left {
	/* Legacy browsers */
	background: powderblue url("gradient-left-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: powderblue;
	background: powderblue\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-left-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-left {
			/* Opera */
			background: powderblue url("gradient-left-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, right bottom,
				from(#002366),
				to(powderblue),
		color-stop(0.5, #002366)
			);
			background-image: -webkit-linear-gradient(
				left top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: -moz-linear-gradient(
				left top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: -o-linear-gradient(
				left top,
				#002366,
				#002366 50%,
		powderblue
			);
			background-image: linear-gradient(
				left top,
				#002366,
				#002366 50%,
		powderblue
			);
		}
	}







.gradient-right {
	/* Legacy browsers */
	background: #002366 url("gradient-right-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #002366;
	background: #002366\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-right-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-right {
			/* Opera */
			background: #002366 url("gradient-right-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left bottom, right top,
				from(powderblue),
				to(#002366),
		color-stop(0.5, #002366)
			);
			background-image: -webkit-linear-gradient(
				left bottom,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: -moz-linear-gradient(
				left bottom,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: -o-linear-gradient(
				left bottom,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: linear-gradient(
				left bottom,
				powderblue,
				#002366 50%,
		#002366
			);
		}
	}







.gradient-bottom {
	/* Legacy browsers */
	background: #002366 url("gradient-bottom-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #002366;
	background: #002366\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-bottom-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-bottom {
			/* Opera */
			background: #002366 url("gradient-bottom-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(powderblue),
				to(#002366),
		color-stop(0.5, #002366)
			);
			background-image: -webkit-linear-gradient(
				top,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: -moz-linear-gradient(
				top,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: -o-linear-gradient(
				top,
				powderblue,
				#002366 50%,
		#002366
			);
			background-image: linear-gradient(
				top,
				powderblue,
				#002366 50%,
		#002366
			);
		}
	}










body { 
margin:0; font-family:Tahoma; font-size:12px; color:#434343;







	/* Legacy browsers */
	background: powderblue url("gradient-light-bg.png") repeat-y left;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: powderblue;
	background: powderblue\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-light-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
		.gradient-light {
			/* Opera */
			background: powderblue url("gradient-light-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, right top,
				from(powderblue),
				to(powderblue),
		color-stop(0.5, aliceblue)
			);
			background-image: -webkit-linear-gradient(
				left,
				powderblue,
				aliceblue 40%,
		powderblue
			);
			background-image: -moz-linear-gradient(
				left,
				powderblue,
				aliceblue 40%,
		powderblue
			);
			background-image: -o-linear-gradient(
				left,
				powderblue,
				aliceblue 40%,
		powderblue
			);
			background-image: linear-gradient(
				left,
				powderblue,
				aliceblue 40%,
		powderblue
			);
		}

	







}
.site {width: 100%}

a  { color: #000000;}
a:hover  { color: #0057b8;}

.dottet {text-decoration:none; cursor:pointer;border-bottom:1px dashed #006598;}
.sub    { padding-left:10px; font-size:12px;}

.titles {font-family:Georgia; font-size:24px; color:#002366;}
.sub_titles {font-family:Georgia; font-size:18px; color:#afafaf;}

hr {border: none 0; 
border-top: 1px solid #ccc;
height: 1px;
}

.modul-paragraph-titles   {font-family: Tahoma; font-size: 14px; margin-top: 5px;}

.header {font-family:arial; width:100%; padding:0 5px 0 5px;}

.header td.logo a {color: #0084d2;}

.middle {}
.file{}
.dotted {
background-image:url('images/menu_dotline.gif');
background-repeat:repeat-x;
background-position:20px 15px ;


z-index: 100;
}


.left {font-family:tahoma; font-size:12px; font-weight:bold;width:100%; border-color:#000;color:black; }
.left .marker {width:15px; border:none}
.left td {padding: 0; border-width:0 0 0px 0; border-style:solid; border-color:#e1e1e1}
.leftd a {color:black;}
.leftd a:active {color:red;}

.treeview a { text-decoration: none; }

.treeview ul { background-color: transparent;   }
.treeview, .treeview ul {	padding: 0;margin: 0;list-style: none; }
.treeview li { 	margin: 0; text-decoration: none; margin-left: 10px}

#left-menu.treeview .expandable { color: black; text-decoration: none; text-transform: none; padding: 0px 0 9px 0px; }

#left-menu.treeview  .collapsable { color:#0058B8; text-decoration: none; background-image:none; padding: 0px 0 0px 0px; background-color:#e5f2ff;  }
#left-menu.treeview ul  .collapsable { color:#0058B8;  text-transform: none;background-image:none;} 

#left-menu.treeview ul .expandable { color: #0058B8; text-decoration: none; background-image:none;background-color:#ffffff;} /* blue*/

#left-menu.treeview  ul .lasftExpandable {   text-transform: none;background-image:url(./images/menu_dotline.gif);background-repeat:repeat-x;background-position: 0px 7px; height: 17px; }


.treeview .hover {  color:#0459b4;cursor: pointer; background-repeat: no-repeat; text-decoration: underline;}

/*
.left {font-family:tahoma; font-size:12px; font-weight:bold;width:100%; border-color:#000;color:black; }
.left .marker {width:100%; border:none}
.left td {padding:8px 0; border-width:0 0 0px 0; border-style:solid; border-color:#e1e1e1}
.leftd a {color:black;}
.leftd a:active {color:red;}

.treeview a { text-decoration: none; }

.treeview ul { background-color: transparent;  }
.treeview, .treeview ul {	padding: 0;margin: 0;list-style: none; }
.treeview li { 	margin: 0; 	padding: 2px 0pt 2px 0px;  ; text-decoration: none; }

#left-menu.treeview .expandable { color: black; text-decoration: none; text-transform: none; padding: 0px 0 9px 0px; }
#left-menu.treeview  .collapsable { color:#0058B8; text-decoration: none; background-image:none; padding: 0px 0 0px 0px; background-color:#e5f2ff;  }
#left-menu.treeview ul  .collapsable { color:#0058B8;  text-transform: none;background-image:none;} 

#left-menu.treeview ul .expandable { color: #0058B8; text-decoration: none; background-image:none;background-color:#ffffff;} /* blue

#left-menu.treeview  ul .lasftExpandable {   text-transform: none;background-image:url(./images/menu_dotline.gif);background-repeat:repeat-x;background-position: 0px 7px; height: 17px; }


.treeview .hover {  color:#0459b4;cursor: pointer; background-repeat: no-repeat; text-decoration: underline;}

*/



.content {font-family:arial,sans-serif; font-size:12px; color:black;}
.content h1 {font-size:24px; font-weight:normal; color:#474747; margin:0 0 10px 0}
.content h2 {font-size:18px; font-weight:normal; color:#474747; margin:5px 0 0 10px}
.content h3 {font-size:14px; font-weight:bold; color:#6e6f71; margin:5px 0 0 10px}

.content .modul-title {font-size:24px; font-weight:normal; color:#474747; margin:0 0 10px 0}
.content .modul-paragraph-title {font-size:14px; font-weight:bold; color:#6e6f71; margin:5px 0 0 10px}
.content .modul-paragraph-text {margin:0 12px 12px 12px}
.content .modul-note {}
.content .modul-selected-paragraph {margin:12px 12px 12px 30px}
.content .modul-line-paragraph {background-image:url(images/content_line.gif); background-repeat:repeat-y; font-style:italic; padding:5px 0 5px 20px}
.content .modul-list {list-style-image:url(images/content_marker.gif); padding-left:14px; margin-left:14px}
.content .modul-list li {margin-left:0; padding-left:0}
.content .modul-image {margin: 6px;}
.content .modul-image td {padding: 6px; text-align: left; vertical-align: top;}
.content .modul-image .comment {color:#6e6f71; font-style:italic; padding:0 0 10px 6px}


.content i.green {font-style:normal; color:#689f0b}


.content a {color:#0084d2}
.content p.note {background-color:#fffbec; margin:6px; padding:6px}
.content p.margin {margin:12px 12px 12px 30px}
.content p.line {background-image:url(images/content_line.gif); background-repeat:repeat-y; font-style:italic; padding:5px 0 5px 20px}
.content i.green {font-style:normal; color:#689f0b}
.content ul.dot {list-style-image:url(images/content_marker.gif); padding-left:14px; margin-left:14px}
.content ul.dot li {margin-left:0; padding-left:0}

.content table.image {margin: 6px;}
.content table.image td {padding: 6px; text-align: left; vertical-align: top;}
.content table.image .comment {color:#6e6f71; font-style:italic; padding:0 0 10px 6px}

.content table.info {margin:12px}
.content table.info th { background-color:#98ce3d; padding:7px 20px 5px 20px; color:#FFFFFF; text-align:left; font-size:13px;}
.content table.info td { padding:7px 20px 7px 20px;}

.foot {height: 50px; width:100%;}

.right {width:100%; font-family:arial}
.right h1 {font-size:24px; font-weight:normal; margin:0 0 15px 0}
.right a {color:#0084d2}
.right .name {padding:3px; vertical-align:top; height:40px}
.right .name a {font-style:italic; font-size:12px; background-image:url(images/icon_zoom.gif); background-position:left; background-repeat:no-repeat; padding-left:16px}

/* img.photo {background-image:url(images/photo_bg.gif); padding:15px 5px 15px 5px; float:left;}
*/

.hormenu  a {font-size:12px;}
.hormenu { width:100%; height: 40px; padding: 0 0 0 20px;text-align:right;}

.footer {font-family:tahoma; font-size:11px; color:#6e6f71; width:100%; margin-top:60px}
.footer a {color:#0084d2}
.footer .footmenu {color:#0084d2; font-size:12px; background-color:#f2f9ff; height:54px; border-color:#79bee8; border-width:1px 0 0 0; border-style:solid}
.footer .footmenu td {text-align:center; padding:0 10px;}
.footer .footmenu a {color:#0084d2; font-size:12px; font-weight:bold;}
.footer img.icon {margin:0 15px 0 15px}

.news {margin-top:0px}
.news td {vertical-align: top;}
.news .calendar {width:100%; height:60px; background-image:url(images/calendar.gif); background-repeat:no-repeat; color:#6e6f71; font-size:10px; text-align:center; vertical-align:top; line-height:14px}
.news .calendar h2 { font-size:24px; font-weight:normal; margin:0; margin-top:22px; padding:0}


.text-form td {vertical-align:top}


a.news { text-decoration:none;color:#434343;}
a.news:hover {text-decoration:underline; }


a.menu { color:#999999;text-decoration:none;}
a.menu:hover {text-decoration:underline; color:#ffffff;} 

.search-caption { background-color:#ececec;}
.add-input {width:100%;}

.add_topic span {color:red;}
.add_topic th {vertical-align:top;text-align:right;font-weight:normal;}
.forum-message {line-height:18px;}

.forum-topics td{border-bottom:1px solid #DAE0DA;vertical-align:top;}
.forum-topics td a span{font-size:12px;font-weight:bold;}

.forum-message td{border-bottom:1px solid #DAE0DA;vertical-align:top;color:black;}
.forum-message th{border-bottom:1px solid #DAE0DA;vertical-align:top;font-weight:normal;text-align:right;}
.forum-message th small {font-size:11px;}

.pagination {border:1px dotted #cccccc;padding:7px;}
.pagination-active {border:1px dotted #cccccc;padding:7px;color:#cccccc;}

.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

/* Start PureCSSMenu.com STYLE 
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#002366;
	background-repeat:repeat;
	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:1px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:427.35px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#002366;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:12px Trebuchet MS;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#FFF703;
	border-color:#000000;
	border-style:solid;
	font:12px Trebuchet MS;
	color: #002366;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#FFF703;
	border-color:#000000;
	border-style:solid;
	font:12px Trebuchet MS;
	color: #002366;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
</style>
End PureCSSMenu.com STYLE */



/* from style_modul.css -*/
.md-paragraph-title-page   {font-size: 24px; font-family: Tahoma; color: #474747; margin: 8px 0 15px 20px;}
.md-paragraph-title-small  {font-size: 18px; font-family: Tahoma; color: #474747; margin: 8px 0 15px 0;}

.md-paragraph-title        {font-size: 12px; font-weight:  bold; font-family: Tahoma; color: #0057b8; margin: 15px 0 8px 0px;}
.md-title                  {font-family:Georgia; font-size:24px; color:#0057b8;margin: 5px 0 0 0;}
.md-paragraph-text         {margin: 2px 0 0 0; font-family:Tahoma; font-size:12px; color:#434343;}

.list-arr                  {margin-top: 10px; margin-bottom: 10px;}
.list-arr td.td1           {vertical-align: top; padding: 6px 5px 0 5px; color: black; font-size: 11px; font-family: Tahoma;}
.list-arr td.td2           {vertical-align: top; color: black; font-size: 12px; font-family: Tahoma;}

.list-num                  {margin-top: 10px; margin-bottom: 10px;}
.list-num td.td1           {vertical-align: top; padding: 0px 5px 0 5px; color: black;  font-size: 11px; font-family: Tahoma;}
.list-num td.td2           {vertical-align: top; color: black; font-size: 12px; font-family: Tahoma;}

.contact-tr {background-color:#ffffff;color:#000000;text-align:left;}
.contact-tr:hover {background-color:#E3E1E2;color:#000000;text-align:left;}

.modul-note                {}
.modul-note td.td1         {width: 5px; background-color: #98CE3D;}
.modul-note td.td2         {width: 10px;}
.modul-note td.td3         {padding: 0 0 0 0;}
.modul-note td.td3 p.text  {margin: 2px 0 2px 0; color: #6E6F71; font-size: 12px; font-family: Tahoma;}

.img_border {margin: 5px 5px 5px 5px;border:2px solid  #ffffff;}
.un {text-decoration: underline; }

.language-selector {font-family:Tahoma;font-size:14px;color:#FFFFFF}
.language-selector a:hover{font-family:Tahoma;font-size:20px;color:#FFFFFF}
.language-selector a {font-family:Tahoma;font-size:14px;color:#FFFFFF; text-decoration: none;}
.active-language-selector {background-color: #CCDDF7;border-bottom:2px solid #CCDDF7;font-family:Tahoma;font-size:16px;}
/* end from style_modul.css */












/* from Gismeteo style */
.gsInformer div,.gsInformer span,.gsInformer p,.gsInformer a,.gsInformer em,.gsInformer img,.gsInformer table,.gsInformer tbody,.gsInformer tr,.gsInformer th,.gsInformer td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit}.gsInformer *:focus{outline:0}.gsInformer table,.gsInformer tbody.gsInformer thead,.gsInformer tr,.gsInformer th,.gsInformer td{vertical-align:top}.gsInformer table{width:100%;border-collapse:collapse;border-spacing:0;border:0;padding:0;table-layout:auto!important}.gsInformer th,.gsInformer td{text-align:left;font-weight:normal;empty-cells:show;color:inherit;background-color:inherit}.gsInformer img{display:inline!important;box-shadow:initial}.gsInformer{position:relative;font-family:Arial;font-size:11px;font-weight:normal;zoom:1;min-height:1%;cursor:pointer;line-height:13px}.gsInformer .nolink,.gsInformer a{background:0;text-decoration:none;color:inherit}.gsInformer.informerPadding{padding:1px}.gsInformer table td{font-size:11px}.gsInformer em{font-style:normal}.gsInformer.loading{background:url(http://www.gismeteo.ru/static/images/informer2/ajax-loader.gif) no-repeat center center}.gsInformer .cleaner{clear:both;height:1px;font-size:1px;border:0;margin:0;padding:0;background:transparent}.gsInformer #cityLink{text-align:center;background:#fff;font-size:13px;font-weight:bold}.gsInformer #cityLink a{font-family:Arial!important;color:#000!important;text-decoration:none}.gsInformer .display{display:inline-block;*display:inline;zoom:1;margin-top:0;vertical-align:top}.gsInformer .iehack{margin-top:0}.gsInformer #error{text-align:center;vertical-align:middle;padding-top:5px}.gsInformer #gsCityHead{font-weight:bold;font-size:13px;padding:5px 0 5px 0;text-align:center;white-space:nowrap}.gsInformer #gsCityHead.padding{padding:6px 0 10px 0}.gsInformer #tdIcon{white-space:nowrap}.gsInformer .head{position:relative;z-index:7}.gsInformer .gsCityF{font-weight:bold;font-size:13px;padding:5px 0 5px 0;text-align:center;white-space:nowrap}.gsInformer .main_wrap{width:100%;text-align:left;height:35px;padding-top:0;padding-bottom:0}.gsInformer .secondaryWrap{width:100%;height:35px;background:#fff;position:relative}.gsInformer .secondaryWrap table{height:34px}.gsInformer .secondaryWrap table td{height:35px;vertical-align:top}.gsInformer .gsCity{font-weight:bold;text-align:left;padding:8px 0 0 0;font-size:13px;zoom:1;height:27px;margin-top:0;white-space:nowrap}.gsInformer .gsCity span{padding-left:12px;display:block}.gsInformer .gsWeatherIcon{margin-top:-9px;z-index:8;position:relative}.gsInformer .gsWeatherIcon img{vertical-align:middle}.gsInformer .gsWeatherIcon.margin{margin-top:-22px;margin-right:0;width:74px}.gsInformer .gsTemp{font-weight:bold;padding:8px 0 0 0;font-size:13px;height:27px;zoom:1;position:relative}.gsInformer .gsTemp2{font-weight:bold;padding:0;font-size:13px;height:27px;zoom:1;position:relative}.gsInformer .gsTemp .paddingRight{padding-right:12px;padding-left:0!important}.gsInformer .gsTemp2 span{padding-right:0}.gsInformer .tsp,.gsInformer .tsp{padding:0!important;margin:0!important;*display:inline!important;*display:inline-block!important;display:inline!important;display:inline-block!important;display:-moz-inline-box!important;width:.2em!important;height:.2em!important;overflow:hidden!important;text-decoration:inherit}.gsInformer .gsTemp em{font-weight:bold;display:inline}.gsInformer .gsAddInfo{text-align:center;font-size:11px;text-align:center;padding-top:0}.gsInformer .gsAddInfo2{text-align:center}.gsInformer .gsAddInfo2.padding{text-align:center;padding:10px 0 5px 0}.gsInformer .gsAddInfo2.padding2{padding-top:10px}.gsInformer .gsAddInfo2.padding3{padding:0}.gsInformer .gsAddInfo3{padding:3px 0 3px 0}.gsInformer .gsAddInfo2.padding3 .gsAddInfo3,.gsInformer .gsAddInfo2.empty .gsAddInfo3{padding:0}.gsInformer .gsLinks .img-untop{margin-top:0}.gsInformer #windAddInfo,.gsInformer #pressAddInfo,.gsInformer #humidityAddInfo{white-space:nowrap;margin:0 2px}.gsInformer .centralized{width:100%;position:relative;overflow:hidden;text-align:center}.gsInformer .centralized div{zoom:1;text-align:center;padding-top:1px;padding-bottom:2px}.gsInformer .colsWrapper_1{position:relative}.gsInformer .colsWrapper_2{position:relative;padding:0;overflow:hidden;zoom:1}.gsInformer .cols{position:relative;width:100%}.gsInformer .cols_1{width:100%;margin:0}.gsInformer .cols_1.padding{padding:5px 0 0 0}.gsInformer .cols_1 .col{width:25%;padding-left:1px;padding-right:1px}.gsInformer .cols_1 #colsDays{padding-bottom:1px}.gsInformer .cols .col_h.today,.gsInformer .cols .col_h.tomorrow{text-align:center;padding-top:4px;padding-bottom:0}.gsInformer .col{height:auto;float:none}.gsInformer .col_h{height:13px;float:left}.gsInformer .col_h span{display:inline-block;*display:inline;zoom:1;white-space:nowrap;padding-left:2px;padding-right:2px}.gsInformer #colsData td{white-space:nowrap;text-align:center}.gsInformer .col .time{font-weight:bold;text-align:center}.gsInformer .col .temperature,.gsInformer .col .deg{font-weight:bold;text-align:center;padding:3px 0 3px 0;display:inline-block;*display:inline;zoom:1}.gsInformer .col .pressure,.gsInformer .col .wet,.gsInformer .col .wind{text-align:center;display:block}.gsInformer .s_icon{width:34px;height:34px;position:relative;margin:auto;display:block;padding:0!important}.gsInformer .s_icon.sunny{background-position:0 0}.gsInformer .gsLinks{cursor:default;font-size:11px!important;font-family:Arial!important;color:#000!important;height:auto;padding-top:3px;padding-bottom:2px;text-align:left;display:block;height:16px;overflow:hidden;position:relative}.gsInformer .gsLinks.padding{padding-top:10px}.gsInformer .gsLinks table td{font-family:Arial!important;vertical-align:top}.gsInformer .gsLinks .leftCol{margin-left:5px;float:left}.gsInformer .gsLinks .leftCol a{text-decoration:none}.gsInformer .gsLinks .leftCol a:hover{text-decoration:none}.gsInformer .gsLinks .leftCol span{display:inline-block;*display:inline;zoom:1;margin-top:2px;padding-left:2px;color:#000!important}.gsInformer .gsLinks .leftCol b{font-weight:normal!important;color:#000!important}.gsInformer .gsLinks .leftCol .gis-blue{font-size:11px!important;font-weight:normal;color:#06c!important;background:none!important}.gsInformer .gsLinks .leftColCenter{margin-left:0;float:none;text-align:center}.gsInformer .gsLinks .rightCol{margin-right:5px;padding-top:2px;float:right}.gsInformer .gsLinks img{position:relative;padding-right:0;top:-2px;vertical-align:middle}.gsInformer .gsLinks .rightCol a{color:#000!important;text-decoration:underline;margin:0}.gsInformer .gsLinks .rightCol a:hover{text-decoration:underline;color:#c00!important}.gsInformer .tourism #tHead{color:#7a7a7a;background:#fff}.gsInformer .tourism td{padding:3px 5px 3px 5px;white-space:nowrap;vertical-align:middle}.gsInformer .tourism #tCity{text-align:left;width:55%}.gsInformer .tourism #tTempAir{text-align:right;width:15%}.gsInformer .tourism #tTempWater{text-align:right;width:15%}.gsInformer .tourism #tWindSpeed{text-align:right;width:15%}.gsInformer #gs-moduleTourismBlock{cursor:default}.gsInformer .tourism .tCityDiv{text-align:left;height:18px}.gsInformer .tourism .tTempAirTD{text-align:right}.gsInformer .tourism .tTempWaterTD{text-align:right}.gsInformer .tourism .tTempWindSpeedTD{text-align:right}.gsInformer .tourism .tCityDiv{font-size:13px;height:18px;line-height:16px;margin-top:2px;display:inline-block;*display:inline;zoom:1}.gsInformer .tourism .tTempAirSpan{font-size:13px;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-top:2px;margin-right:5px;height:18px;line-height:16px}.gsInformer .tourism .tTempAirSpanImg{font-size:13px;display:inline-block;*display:inline;zoom:1;height:18px;vertical-align:top;margin-top:1px}.gsInformer .tourism .tTempWaterSpan{display:inline-block;*display:inline;zoom:1;font-size:13px;line-height:16px;margin-top:2px;height:18px}.gsInformer .tourism .tWindSpeedSpan{font-size:13px;display:inline-block;*display:inline;zoom:1;padding-right:5px;height:18px;line-height:16px;margin-top:2px}.gsInformer .tourism .tWindSpeedArrow{font-size:13px;display:inline-block;*display:inline;zoom:1;height:18px;line-height:16px;margin-top:2px}.gsInformer .tourism .tCityDiv a{font-size:13px;color:inherit;text-decoration:underline}.gsInformer .tourism .tCityDiv a:hover{color:inherit;text-decoration:underline}.gsInformer .graphInf{padding-top:5px;padding-bottom:5px}.gsInformer .graphInf .graphHead,.gsInformer .graphInf .graphTemp{padding-left:19px;padding-right:19px;padding-top:0;padding-bottom:6px;font-weight:normal;font-size:13px;line-height:15px}.gsInformer .banner{display:block;width:728px;height:90px;position:relative;background:url(http://www.gismeteo.ru/static/images/informer2/banner-f.jpg) no-repeat;font-size:10px;text-decoration:none;font-family:'Arial'}.gsInformer .banner em{display:block;width:170px;height:40px;position:absolute;background:url(http://www.gismeteo.ru/static/images/informer2/logoUA.png) no-repeat;left:26px;top:19px}.gsInformer .banner span.banInf table{width:200px}.gsInformer .banner .Icon{margin-top:-4px}.gsInformer .banner #gs-moduleCurrentBlock,.banner #gs-moduleForecastBlock{width:200px}.gsInformer .banner .cols_1{text-align:center}.gsInformer .banner i{display:block;width:192px;height:55px;position:absolute;background:url(http://www.gismeteo.ru/static/images/informer2/panel.png) no-repeat;right:10px;top:10px;font-size:1.1em;color:#fff;text-align:center;line-height:1.8em;padding-top:1.4em}.gsInformer .banner i b{font-size:1.2em;font-style:normal}.gsInformer .banner .banInf{display:block;font-size:1.1em;color:#fff;line-height:1.9em;padding-left:264px;padding-top:6px}.gsInformer .banner .banInf strong{font-weight:normal;font-size:2em;line-height:.7em}.gsInformer .banner .banInf b{font-size:1.2em}.gsInformer .banner .banInf img{position:relative;top:.3em;margin-left:.2em;margin-right:.1em}
/* end from gismeteo style */

/* Кнопка Вверх */
.scrollTop  {background:url(http://img.qweqwe.su/theme/totop.png) 0 0 no-repeat;display:block;width:50px;height:55px;position:fixed;bottom:50px;right:25%;z-index:2000}.scrollTop:hover{background-position:0 -15px}
#gotop      {background:url(/images/up.png) 0 0 no-repeat;display:block;width:110px;height:55px;position:fixed;bottom:50px;right:10%;z-index:2000}.scrollTop:hover{background-position:0 -15px; opacity: 0.5;}
#gotop_en   {background:url(/images/up_en.png) 0 0 no-repeat;display:block;width:110px;height:55px;position:fixed;bottom:50px;right:10%;z-index:2000}.scrollTop:hover{background-position:0 -15px; opacity: 0.5;}






a {
    color: #002366;
}
a.grain {
    background: url("/images/Soltustik_logo2_320x320.png");
    display: block;
    width: 320px; /* Ширина рисунка */
    height: 320px;
}
a.grain:hover {
    display: block;
    background: url("/images/Soltustik_logo_grain_320x320.png");
}
div {
    padding-left: 5px;
}