body{
background-image:url(kk.jpg);

height: 100%;
background-size:cover;
font-family:Century Gothic,Helvetica, Arial, san-serif;
}

#header{
	background-color: transparent;
	
	text-align:center;
	padding:3px;
	border-radius:5px;
}

#nav{
  background-color:transparent;
  opacity:0.8;
  width:500px;
   
}

#main {
	width:100%;
	float:left;
}
	
#main p{
	color:#fff;
}

.box{
  background:white;
  opacity:0.8;
  width:500px;
  border-radius:6px;
  margin: 0 auto 0 auto;
  padding:20px 60px;
  border: none 2px solid; 
}

.boxcheck{
  background:white;
  opacity:0.8;
  width:500px;
  border-radius:6px;
  margin: 0 auto 0 auto;
  padding:20px 60px;
  border: none 2px solid; 
}

.marq{
  background:yellow;
  width:500px;
  border-radius:6px;
  margin: 0 auto 0 auto;
  padding:5px 60px;
  border: none 2px solid; 
}

footer {
  height:30;
  width: 620px;
  background-color: white;
  opacity:0.8;
  color: Dodgerblue;
  border-radius:6px;
}

footer a{
 
  color: black;
  font-style:bold;
  
}

ul{
	list-style-type:none;
	padding:0px;
	font-weight:bold;
	margin-top:25px;
	
}
ul a{
    background-color:white;
	list-style-type:none;
	text-decoration:none;
	color:black;
	padding:5px 20px;
	border:0px solid;
	border-radius:6px;
	border-color:dodgerblue;
}
ul li{
	display:inline-block;
}
.selected{
	font-weight:bold;
	color:tomato;
	
}

p{
  font-size:12px;
  text-decoration: none;
  color:black;
}

h1{
  font-size:3em;
  font:century gothic;
  color:white;
}
h2{
  font-size:1.5em;
  color:DodgerBlue;
}
h3{
  font-size:12px;
  font-style:normal;
  color:black;
}




.splace{
  background:white;
  border: red 10px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width:250px;
  color:#AAAAAA;
  margin-top:10px;
  font-size:1em;
  border-radius:14px;
}

.subcategory{
  border-radius:4px;
  background:#ecf0f1;
  border: #ccc 1px solid;
  padding: 8px;
  width:250px;
  font-size:1em;
}

.btn{
  background:#2ecc71;
  width:125px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  border-radius:4px;
  border: #27ae60 1px solid;
  
  margin-top:20px;
  margin-bottom:20px;
  float:left;
  margin-left:16px;
  font-weight:800;
  font-size:0.8em;
}

.btn:hover{
  background:#2CC06B; 
}

input[type=text], select, textarea {
  background-color:white;
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
label {
  color: DodgerBlue;
  }

/* Style the submit button with a specific background color etc */
input[type=submit],[type=button] {
  background-color: DodgerBlue;
  width:200px;
  color: white;
  font-weight:bold;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

table {
	display: table;
	width: 90%;; 
 	background: #fff;
 	margin: 0;
 	box-sizing: border-box;
 	border: 1px;

	 }
	 th {
	 	background: Dodgerblue;
	 	color: #fff;
	 }
	  td1 {
	 	background: Dodgerblue;
	 	color: red;
	 }
	tr {
		display: table-row;
	}

	td {
		display: table-cell;
		
		padding: 6px; 
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		text-align: center;
	}