@charset "iso-8859-1";
* {
 margin: 0;
 padding: 0;
 }
 
body {
 width: 100%;
 height: 100%;
 background::#cec7ab;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
 font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:0.94em;
 line-height:135%;
 
}
 
 
 
img {
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
} 
 
  
.boxShadow8 {

  box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
} 

 
 
 

 
h1 {
 font-size:30px;
 font-weight:normal;
 padding:0px 0 0px;
 line-height:100%;
 font-style:italic;
 color:#e5b255;
 
 
}
 
 
 h2 {
 font-size:20px;
 font-weight:normal;
 padding:0px 0 0px;
 line-height:100%;
 font-style:italic;
 color:#e5b255;
 
 
}
 p {
 font-weight:normal;
 padding:10px 10px 10px;
 line-height:100%;
 color:#cec7ab;
 text-align:justify;
 
}
 
   .leftimg {
    float:left;
    margin: 7px 7px 7px 0; 
   }
   .rightimg  {
    float: right; 
    margin: 7px 0 7px 7px; 
	
  
 }
 
 
 
a {
 color: #976a41;
 text-decoration:none;
 }
 
a:hover {
 color:#963c3c;
 text-decoration: none;
 }
 
 
 
 
 
 
 #main {
 
margin-top:0px;
 border:0px solid #000;
 width: 100%;
 max-width:1200px;
 margin: 0 auto;
 height: auto !important;
 background: #3c0000;
 
}

 
#wrapper {
 position:relative;
margin-top:20px;
 border:0px solid #000;
 width: 100%;
 max-width:1000px;
 margin:auto;
 height: auto !important;
 background: #3c0000;
 
 
}
 
.center {
  
    padding: 10px 
    margin: auto; 
    background: #fc0; 
   }
 
#headerInner {
 border: 0px solid #000;
 background: #3c0000;
 position:relative;
 width:100%;
 max-width:1000px;
 height:80%;
 margin:22% auto;
 margin-top:0px; 
}
 
.text {
 margin:20px; 
} 
 
 #headerInner1 {
 border: 0px solid #000;
 background: #ba821f;
 position:relative;
 width:100%;
 max-width:1000px; 
}
 #blok1{

width:30%;
height:auto;
float:left;  
  background: #cec7ab;
  margin: 10px 10px 10px;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;

}

 #content{

  width:100%;
 margin-top:200px;

 background: #736558;
   
  padding: 0em;
  box-shadow:
   inset 0 0 100px hsla(0,0%,0%,.2),
   inset 0px 1px 5px #999,
   inset 0px 2px 0px #888,
   inset 0px 3px 0px #777,
   inset 0px 4px 0px #666,
   inset 0px 5px 0px #555,
   inset 0px 6px 0px #444,
   inset 0px 7px 0px #333,
   inset 0px 8px 7px #001135;
}
   } 
}
 
.logo {
 
position:absolute;
 left:0px;
 top:0px;
 
}
 
.logo a {
 margin-left:30px;
 font-size:30px;
 color:#96b551;
 
}


.logo1 {
 
position:absolute;
 left:0px;
 top:80px;

  box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
 
}
 
.logo1 a {
 margin-left:30px;
 font-size:30px;
 color:#96b551;
 
}
  ul {
    padding: 0;
    margin-left: 20px; 
   }

@media screen and (min-width:100px) and (max-width:1024px) {
 .logo {
 
width:100%;
 
}

 #blok1{

width:30%;


}
  #content{

 margin-top:0px;

}
   }
body #wrapper {
 
margin-top:40px;
 
 width: 100%;
 margin: auto;
 }


 
body #headerInner {
width:100%;
 margin:auto;

 }
 

 

 

 

 
}

@media screen and (min-width:100px) and (max-width:768px) {
 .logo {
 
width:100%;
 
}

 #blok1{

width:80%;


}

}
.left {
float: left;
margin: 10px 8px; }

.right {
float: right;
margin: 10px 8px; }