body, html { background-color:#fcfcfc;  font-family: 'Baloo Chettan', cursive; color: #404040; text-decoration: none;}
ul.cssMenu {list-style-type: none; padding:0; background-color: #910000;  display:table;  margin:auto;}
ul.cssMenu li { font:300 16px 'Baloo Chettan', cursive; color: #fcfcfc; display: inline-block; padding: 15px; position: relative;}
ul.cssMenu > li:hover { cursor: pointer;  background-color: #fcfcfc;  box-shadow:0 0 15px rgba(0,0,0,.6);}
ul.cssMenu .downarrow { border: 4px solid transparent;  border-top-color: #fff; display:inline-block;}
ul.cssMenu li ul { display: none;  padding:0;}
ul.cssMenu li:hover ul { display: table;  margin-top: 15px;  min-width: 250px;  left: 0;  position: absolute;}
ul.cssMenu li:hover ul li { background-color: white;  display: block;}
ul.cssMenu li:hover ul li:hover{ background-color: #910000;  color:white;}
input[type='checkbox']#hiddenInput{display:none;}
.showMenu{ display:none; color:white; width: 25px;  font-size:20px;  position:absolute;  right:20px;  top:110px;  padding:5px 10px 5px 10px; background-image: url("img/menu.gif");  z-index:1;  cursor:pointer;}
@media (max-width: 1000px){ul.cssMenu,ul.cssMenu .downarrow{display:none;}
  input[type='checkbox']#hiddenInput:checked ~ ul.cssMenu,.showMenu{display:block; }
  ul.cssMenu li { display: block; text-align:center; padding:15px 0; border-bottom:1px solid rgba(1,1,1,.1); }
  ul.cssMenu li:hover {box-shadow:0 0 0; }
  ul.cssMenu li ul {display: block; background-color: white; margin:15px 0 -15px 0;}
   ul.cssMenu li ul li {font-size:80%; padding:10px;}
  ul.cssMenu li:hover ul {width: 100%; position: relative;}
}
a:link {font-family: 'Baloo Chettan', cursive; color: #ccc; text-decoration: none}
a{ font-family: 'Baloo Chettan', cursive; color: #ccc; text-decoration: none}
a:active { font-family: 'Baloo Chettan', cursive; color: #ccc; text-decoration: none}
a:hover { font-family: 'Baloo Chettan', cursive; color: #666; text-decoration: none}
.logo{z-index:4; width: 90%; height: 130px; right: 3px; top: 3px; left: 3px;	margin: auto;	padding:5px 10px 5px 10px;   background-color:#fcfcfc;   border:2px solid #910000;	}
.orta{	z-index:6;	width: 90%;	right: 3px; top: 3px; left: 3px;	margin: auto;	margin-top: 10px;	padding:5px 10px 5px 10px;   background-color:#fcfcfc;  border:2px solid #910000;	}	
.turkweb{float:left;    width:305px;    height:200px;   background-color: #fcfcfc;    margin: auto;    padding:3px; }
.turkweb:hover{transition: .5s linear 0s;color: #ffffff;}
.liste{  float:left;    width:305px;    height:100px;   background-color: #fcfcfc;    margin: auto;    padding:3px; }
.liste:hover{transition: .5s linear 0s; color: #ffffff;}
.hesap{ float:left;    width:305px;    height:155px;   background-color: #fcfcfc;    margin: auto;    padding: 3px; }
.hesap:hover{background-color: #303030;transition: .5s linear 0s;color: #ffffff;}
.alta{	z-index:14;	  width: 100%;}
input[type=text] { padding:5px;  border:2px solid #ccc; -webkit-border-radius: 10px; border-radius: 5px;}
input[type=email] {padding:5px; border:2px solid #ccc;  -webkit-border-radius: 10px; border-radius: 5px;}
input[type=number] {padding:5px; border:2px solid #ccc;  -webkit-border-radius: 10px; border-radius: 5px;}
textarea {padding:5px;  border:2px solid #ccc; -webkit-border-radius: 10px; border-radius: 5px;}
select:not([multiple]) {padding:5px; border:2px solid #ccc;  -webkit-border-radius: 10px; border-radius: 5px;}
input[type=text]:focus {border-color:#333;}
input[type=submit] {padding: 20px; background:#042943;  color: #fff;  border:0 none; cursor:pointer; -webkit-border-radius: 5px;border-radius: 10px; }