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

input[type='checkbox']#hiddenInput{
   display:none;
}
 
.showMenu{
  width:50px;
  height:50px;
  display:none;
  font-size:30px;
  position:absolute;
  right:10px;
  top:20px;
  background:#B42231 url(menu_icon.png) center center no-repeat;
  border-radius:4px;
  z-index:999999;
  border:0px solid #000;
  cursor:pointer;
}


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


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

.orta {
  margin-left:210px;
}

ul.cssMenu li a {
	display: block;
	color: #FFF;
	font: normal 14px/50px Arial, Helvetica, sans-serif;
	font-weight:500;
	text-decoration: none;
	padding:10px 7px;
	padding-top:18px;
	position: relative;
	text-align:center;
	border-right:0px solid #333333;
	/*text-shadow:#000 1px 2px 1px;
-webkit-border-radius:  4px 4px;
-moz-border-radius:  4px/4px;
border-radius:  4px/4px;*/
	
}

ul.cssMenu li a:hover {
	color: #CCC;
	border-top:1px solid #FFF;	
	padding-top:17px;
}

ul.cssMenu li ul {
  display: none;
  padding:0;
}
 
ul.cssMenu li:hover ul {
  display: table;
  margin-top: 0px;
  min-width: 230px;
  left: 0;
  position: absolute;
  border:1px solid #F4F4F4;
}
ul.cssMenu li:hover ul li {
  background-color: white;
  display: block;
}

ul.cssMenu li:hover ul li a {
	display: block;
	color: #B42231;
	text-decoration: none;
	padding:0px;
	position: relative;	
	background:none;
	text-align:left;
	padding-left:15px;
}

ul.cssMenu li:hover ul li:hover a{
  background-color: #B42231;
  color:#FFF;
}

}
/*#################################################################################*/

@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:1px;
  }
   
  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;
  }
  
  ul.cssMenu li ul li a {
	background:#B42231;
	color:#FFF;
    display: block;
    text-align:center;
    padding:15px 0;
	text-decoration:none;
    border:1px solid rgba(1,1,1,.1);
  }
}