/* стили для ПК */

#menu  {
	background: #fff ;
    border-radius: 3px;
    display: table;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    visibility:visible;
}

#menu li {
	display:block;
	float: left;
	position:relative;
}

#menu li a {
	display:table;
	padding: 0 20px;
	height: 50px;
	text-align: center;
	font:600 13px/50px arial;
	color: #000;
	transition: 0.5s;
	-webkit-transition:0.5s;
}

#menu li:first-child a {
    border-left: medium none;
}
#menu li:last-child a {
    border-right: medium none;
}

#menu li:hover a {
    background: #ffff7a;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)inset;
}
#menu li:hover .sub-menu a {
    background: #90ee90;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

#menu li:hover .sub-menu a:hover {
    color: #df4706;
}

/* стили для выпадающего списка */

.sub-menu {
  visibility:hidden;
  opacity:0;
  position:absolute;
  z-index:-1;
  transition:visibility 0s linear 0.5s, opacity 0.5s linear;
  left: 0;
}

#menu li:hover > ul{ 
   visibility:visible; 
   opacity:1;
   transition-delay:0s;
   z-index:1;
}

#menu .sub-menu li {
    float:none ;
	border-top:1px solid #dddddd;
}

#menu .sub-menu li a {
	width: auto;
	min-width: 100%;
	padding: 0 11px;
	white-space:nowrap;
	text-align:center;
	border:none;
	box-shadow:none;
}

#menu li a:hover + .sub-menu, .sub-menu:hover {
	display: block;
}

/* стили для адаптивности */

@media screen and (max-width : 760px){

.sub-menu {
	position: static;
	display: none;		
}

.sub-menu li {
	margin-bottom: 1px;
}

#menu li, #menu li a {
	width: 100%;
	border:none;
	padding:0px;
}
	
#menu .sub-menu li a {
	padding:0px;
}
	
#menu  {
    width: 100%;
    }

#wrapper{

margin:0 auto;
padding:0 40px;
}

#header{
width:100%;
margin:0 auto;
background:#eeeeee;
height:85px;
margin-bottom: 65px;
}


#header h1 {
    color: #333;
    font: 24px verdana;
    padding: 22px 0 30px;
    text-align: center;
    text-shadow: 0 1px 1px #d3d3d3;
    text-transform: uppercase;
}

}


footer {
background-image:url(fon/363606949.gif);
    bottom: 0;
    height: 40px;
    position: fixed;
    width: 1000px;
    z-index: 9999;
	font-family: 'Poiret One', cursive;
}

footer p {
    color: #000;
    font-family: "Poiret One";
    font-size: 21px;
    margin: 0;
    padding: 5px 0 0 14px;
	float: left;
}

footer span {
    color: #507180;
}

footer a {
    color: #00BFFF;
    float: right;
    font-size: 23px;
    margin: 8px 20px 0 0;
}

img.opa  { opacity:1; }
img:hover.opa  { opacity:.4; }