* {
    box-sizing: border-box;
    margin: 0;
	padding: 0;
	  /* outline: 2px solid black; */
}

/* TODO: clearfix? */

.group:before,
.group:after {
	content: " ";
	display: table;
}
.group:after {
	clear: both;
}
.group { *zoom: 1;
}

/*html,
body
{
    margin: 0px;
	padding: 20px;
}
*/

/*
  .centrov {
	  margin: 0 auto;
   }  */
 
  body {
      background-color: #c1e0ff;
      background-image: url("./_INC/_YPOZADIE.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center; 
      background-size: cover;
	
      font-family: "Arial", sans-serif;
	  padding: 30px;
  }
  
  h1 {
	  text-align: center;
  }

  main {
	  margin: 0 auto;
      width: 99%;
	  height: auto;
	  /* background-color: #c8e8ff; */
  }
  
  .proj_item {
	  position: relative;   /*rodic nonstatic*/
	  top: 0px;
	  left: 0px;
	  margin: 35px 0px 0px 35px;
	  width: 255px;
	  height: 350px; 
	  display: inline-block;
	  background-color:#f5f5ff; 
	  color:#000000; 
	  /*border:3px solid RGB(200,55,55);*/
	  float: left;
   }

  a {
	  text-decoration: none;
   }
  
   /*
  .proj_item a {
	  text-decoration: none;
	  display: inline-block;
   }
   */
   
  .proj_item img {
	  /*display: inline-block;*/
	  width:100%;
   }
   
   /*
  .proj_item  h1 {
	  margin: -5px 0px 0px 0px;
	  padding: 4px 0px 4px 15px;
	  font-size: 14px;
	  background-color: #3030bb;
      color: #fff; 	
      text-align: left;	  
   }
   */

  .proj_item  h3 {
	  margin: 15px 15px;
	  color: RGB(165,164,163);
	  font-size: 14px;
   }

  .proj_item  h2 {
	  margin: 15px 15px;
	  color: #000;
	  font-size: 20px;
	  font-weight: bold;
	  /*display: inline-block;*/
	  /*height:80px;*/
   }

  .proj_item  h4 {
	  position: absolute;
	  bottom: 6%;	  
	  margin: 5px 15px;
	  color: RGB(165,164,163);
	  font-size: 12px;
   }
  
  .proj_item  h5 {
	  position: absolute;
	  bottom: 0%;	  
	  margin: 5px 15px;
	  color: RGB(165,164,163);
	  font-size: 12px;
   }
   
  .green_brd {
	  border: 3px solid #10dd10;
   }

  .red_brd {
	  border: 3px solid #ff8080;
   }

  .btnlike {
	  color: #fff;
	  background: #808080; /*siva*/
  	  width:32px;
	  height:32px;
	  text-decoration: none;
	  /*margin-left: 10px; */
	  margin-bottom: 4px;
	  /*padding: 4px 16px 4px 16px;*/
	  border-radius: 50%;
	  font-size: 22px; /*40px;*/
	  font-weight: bold;
	  display: inline-block;
	  text-align: center;
	  line-height: 33px;
  }
  .btnlike:hover {
	  background: #e0e0e0;
  }

  .btnlike-red-minus {          /*Delete entry*/
	  background: #FD6955;
	  position: absolute;   /*mozme, lebo rodic je nonstatic*/
	  top: 0px;
	  right: 0px;
  }
  .btnlike-red-minus:hover {
	  background: #fd8777;
  }

  .iconlike {
	  position: absolute;   /*mozme, lebo rodic je nonstatic*/
	  top: 0px;
	  left: 0px;
	  color: #808080; /*siva*/
	  /*background: NEEE;*/
  	  width:32px;
	  height:32px;
	  text-decoration: none;
	  /*margin-left: 10px; */
	  margin-bottom: 4px;
	  /*padding: 4px 16px 4px 16px;*/
	  /*border-radius: 50%;*/
	  font-size: 22px; /*40px;*/
	  font-weight: bold;
	  display: inline-block;
	  text-align: center;
	  line-height: 33px;
  }
  
  .iconlike-green-edit {
	  color: #10dd10;
  }

  .iconlike-green-unlocked {
	  left: 32px;
	  color: #10dd10;
  }
  
  .iconlike-red-locked {
	  color: #ff8080;
  }
    
  /*
  p {
	  color: #999;
	  line-height: 28px;
	  margin-bottom: 50px;
  }  
  */