@charset "utf-8";
/* CSS Document */


body {
	background-color: #ffffff;

/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

/* pull-down mainmenu css */
.mainmenu{

	width: 15em;
	padding: 5px;
	float: left;
	z-index: 9998;


}
.mainmenu ul {border-style: solid;border-width: 1px 1px 1px 1px;
color: #FFFFFF;
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#FFFFFF;
	background: #336699;

	padding 3px;
	border: solid #FFFFFF;
	border-width: 1px 1px 1px 1px;
	margin: 2 2 2 2;
}

.mainmenu a:visited {
	display: block;
	width: 100%;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:0;
	margin: 0;	

}

.mainmenu a {
	display: block;
	width: 100%;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em 1em;
	text-indent:0;
	margin:0;	

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
			z-index:9998;
}


.mainmenu li  {border-style: solid;border-width: 1px 1px 1px 1px;
color: #FFFFFF;
	display: block;
	float: left;

color: #FFFFFF;
	display: block;
	float: left;
	width: 100%;

	float: left;
	width:100%;
	margin:2px;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {border-style: solid;border-width: 1px 1px 1px 1px;
color: #FFFFFF;
	display: block;
	float: left;

	position: absolute;
	left: -999em;
	height: auto;
	width:19em;	
	background: #000080;
	font-weight: normal;
	border-width: 1px;
	margin: 2px;
		z-index:9998;
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul ul
{
	left: -999em;
}
.ul_ch
{
	left: -999em;
}
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #A0A0A4;
}

.mainmenu li a:hover{
	color:#FFFBF0;
}

.mainmenu li:hover a:hover{
	color:#FFFBF0;
}

.mainmenu li:hover a:visited{
	color:#FFFBF0;
}

.mainmenu li:hover a{
	color:#FFFBF0;
}
.mainmenu li li li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li li li:hover li a
{
	color:#FFFFFF;
}
.mainmenu li li li:hover li a
{
	color:#FFFFFF;
}
.mainmenu li li:hover li a
{
	color:#FFFFFF;
}
.mainmenu li:hover li a
{
	color:#FFFFFF;
	z-index:9998;
}
.mainmenu li li li li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li li li li:hover a
{
	color: #FFFBF0; 
}

.mainmenu li li li li:hover a
{
	color: #FFFBF0; 
}

.mainmenu li li li:hover a
{
	color: #FFFBF0; 
}

.mainmenu li li:hover a
{
	color: #FFFBF0; 
}

.mainmenu li li a:visited
{
	color: #FFFFFF;
}

.mainmenu li li a
{
	color: #FFFFFF;
}

.mainmenu ul ul a:visited
{
	color: #FFFFFF;
}

.mainmenu ul ul a
{
	color: #FFFFFF;
}
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover li:hover a{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover a{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover a{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover a:visited{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover a{
	color: #FFFBF0;
}
.mainmenu ul ul a:hover{
	color: #FFFBF0;
}
.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li:hover li:hover li:hover li a{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li:hover li:hover li a:visited{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li:hover li:hover li a{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li:hover li a:visited{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li:hover li a{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li a:visited{
	color: #FFFFFF;
}


.mainmenu li:hover li:hover li a{
	color: #FFFFFF;
}

.container_slider_css{height:300px;position:relative;z-index:1
}
.photo_slider_css{position:absolute;animation:round 29s infinite;opacity:0;width:100%}
@keyframes round {
25%{opacity:1}
40%{opacity:0}
}
img:nth-child(1){animation-delay:25s}
img:nth-child(2){animation-delay:21s}
img:nth-child(3){animation-delay:17s}
img:nth-child(4){animation-delay:13s}
img:nth-child(5){animation-delay:9s}
img:nth-child(6){animation-delay:5s}
img:nth-child(7){animation-delay:1s}
img:nth-child(8){animation-delay:0}
@media(min-width:0px) and (max-width:320px) {
.container_slider_css{width:80%;height:190px}
}
@media(min-width:321px) and (max-width:480px) {
.container_slider_css{width:80%;height:190px}/* end of mainmenu css */