ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input[type='checkbox']#hiddenInput{
   display:none;
}
 
.showMenu{
  display:none;
  color:white;
  font-size:30px;
  position:absolute;
  left:10px;
  top:10px;
  padding:8px 15px 10px 15px;
  background-color:#e91e63;
  border-radius:100%;
  z-index:999999;
  border:1px solid #212121;
  cursor:pointer;
}




ul.cssMenu {
  list-style-type: none;
  padding:0;
  position:absolute;
  width:600px;
  left:50%;
  margin-left:-120px;
  margin-top:10px;
  z-index:999;
}
 
ul.cssMenu li {
  display: inline-block;
  position: relative;
}

ul.cssMenu li a {
	display: block;
	color: #FFF;
	font: normal 14px/50px "Comic Sans MS", cursive;
	font-weight:300;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	position: relative;
	text-align:center;
	border-right:0px solid #333333;
	/*text-shadow:#000 1px 2px 1px;*/
	
-webkit-border-radius:  10px 10px;
-moz-border-radius:  10px/10px;
border-radius:  10px/10px;
}

ul.cssMenu li a:hover {
	background:url(../img/menu_hover.png) center top no-repeat;
	color:#FFFF00;
}

ul.cssMenu .downarrow {
   border: 4px solid transparent;
   border-top-color: #000;
   display:inline-block;
}

ul.cssMenu li ul {
  display: none;
  padding:0;
}
 
ul.cssMenu li:hover ul {
  display: table;
  margin-top: 0px;
  min-width: 200px;
  left: 0;
  position: absolute;
}
ul.cssMenu li:hover ul li {
  background: #B72742;
  display: block;
}

ul.cssMenu li:hover ul li a {
	display: block;
	color: #FFF;
	font: normal 14px/50px "Comic Sans MS", cursive;
	font-weight:300;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	position: relative;
	text-align:left;
	border-right:0px solid #333333;
	/*text-shadow:#000 1px 2px 1px;*/
	
-webkit-border-radius:  10px 10px;
-moz-border-radius:  10px/10px;
border-radius:  10px/10px;
}

ul.cssMenu li:hover ul li a:hover{
	background:none;
}

ul.cssMenu li:hover ul li:hover {
  background-color: #e91e63;
  color:white;
}


/*#################################################################################


@media only screen and (max-width:3000px) and (min-width:940px){ 

}


@media only screen and (min-width: 50px) and (max-width: 940px) {

ul.cssMenu,ul.cssMenu .downarrow{
    display:none;
  }
   
  input[type='checkbox']#hiddenInput:checked ~ ul.cssMenu,.showMenu{
    display:block;
  }
   
  ul.cssMenu{
    padding-top:30px;
  }
   
  ul.cssMenu li{
    list-style:none;
  }
   
  ul.cssMenu li a{
	background:#222222;
	color:#FFF;
    display: block;
    text-align:center;
    padding:15px 0;
	text-decoration:none;
    border:1px solid rgba(1,1,1,.1);
  }
   
  ul.cssMenu li a:hover {
    background:#FFF;
	color:#2F6C98;
  }
}*/