/* main settings */
*{margin:0;padding:0;}
html{
	width:100%;
	height:95%;
  background:#000000 url('../pics/bg-rozdelovnik.jpg') no-repeat top left scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@font-face {
	font-family: CaL;
	src: url('CaL.ttf');
}


@font-face {
	font-family: CaLB;
	src: url('CaLB.ttf');
}

body {
	font-family: CaL,Futura,RomanD,Simplex,Berlin sans;
	font-size:13px;
	font-size:1vw;
	color:#ffffff;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
	text-shadow:3px 3px 3px #000000;
	width:100%;
}

a {
  text-decoration:none;
  color:#ffffff;
}

.cb {
  width:99%;
  font-size:1px;
  line-height:1px;
  height:1px;
  clear:both;
  margin:0;
}

#head {
  width:1000px;
  margin:5% auto 10px auto;
  border:0;
  text-align:left;
}

#head img{
  margin:0 0 0 100px;
  padding:0;
  border:0;
}

#cont {
  width:1000px;
  margin:5px auto 10px auto;
  border:0;
  text-align:center;  
  min-height:55%;
}

#cont2 {
  font-family:Arial;
  font-size:18px;
  font-style:italic;
  width:1000px;
  margin:5px auto 10px auto;
  border:0;
  text-align:justify;  
  min-height:55%;
}

div.cl {
  width:49%;
  text-align:left;
  float:left;
}

div.cr {
  width:49%;
  text-align:left;
  float:right;
}

ul {
  margin-left:50px;
}

.outtile {
  width:300px;
  height:150px;
  margin:5px;
  display:inline-block;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor:pointer;
  border-radius:15px;
}

.intile {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  text-align:left;
  background-color:rgba(0,0,0,0.5);
  border-radius:15px;
  overflow:hidden;
}

.intile img{
  width:24%;
  margin:0.5% 10%;
}

.intile a{
  text-decoration:none;
  color:#ffffff;
}

.intile h1 {
  font-family:CaLB;
  font-weight:bold;
  font-size:40px;
  margin:20px 0 0 10px;
}

#out01 {
  background-image:url('../pics/01.jpg');
}

#out02 {
  background-image:url('../pics/02.jpg');
}

#out03 {
  background-image:url('../pics/03.jpg');
}

#out04 {
  background-image:url('../pics/04.jpg');
}

#out05 {
  background-image:url('../pics/05.jpg');
}

#out06 {
  background-image:url('../pics/06.jpg');
}

#menu {
  font-family: CaL;
  font-style:normal;
  font-weight:normal;
  width:1000px;
  margin:10px auto 10px auto;
  text-align:center;
  min-height:5%;
}

#menu a{
  text-decoration:none;
  color:#9bc329;
  font-size:28px;
  display:inline-block;
  width:150px;
  padding:5px;
}

#menu a:hover{
  color:#ffffff;
}

#footer {
  font-size:16px;
  color:#9bc329;
}

#bottom {
  position:absolute;
  width:100%;
  bottom:0;
  padding-bottom:5px;
}