* { padding: 0; margin: 0; }

body {
   font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #336699; 
   background-color:#5C96B6;
}
#text h1{
font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif; 
   font-size: 14px; 
   color: #336699; 
margin : 5px 0 0 0;
 bold;
}

#wrapper { 
 margin: 0 auto;
 width: 912px;
background-color:#5C96B6;
position: absolute ;
	left: 0px;
	top: -60px;
	right: 0px;
	bottom: 0px;
}
#header {
 color: #333;
 width: 980px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 270px;
 margin: 10px 0px 5px 0px;
 background-color:#5C96B6;
}
#plat { 
 color: #ffffff;
 border: 0px solid #ccc;
 background-color:#ffffff;
 margin: 330px 0px 0px 50px;;
  padding:0px;
  text-align:left;
  width:912px;

}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background-color:#ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 200px;
 float: left;
}
#content { 
 float: left;
 color: #ffffff;
 border: 0px solid #ccc;
 background:#ffffff;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 width: 500px;
 display: inline;
 z-index: 10;
}
.layer {
    overflow: scroll; 
    width: 500px; 
    height: 430px; 
    padding: 5px; 
    border: solid 0px #336699; 
   } 
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background:#ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 500px;
 width: 200px;
float: left;
}
#footer { 
 width: 912px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background-color:#5C96B6;
 margin: 0px 0px 0px 0px;
 padding: 0px;
height: 60px;
}
.ugol {
        position: relative;
	left: 50px;
	top: 340px;
	right: 0px;
	bottom: 0px;
}
.logo {
        position: relative;
	left: -15px;
	top: -280px;
	right: 0px;
	bottom: 0px;
}

.menu { background: url(images/fornav.jpg) no-repeat;
background-color:#ffffff;
	position: relative;
	left: 15px;
	top: 200px;
	right: 0px;
	bottom: 0px;
width: 180px;
}
.tel {
	position: relative;
	left:-200px;
	top: -300px;
	right: 0px;
	bottom: 0px;
}
.deti {
	position: relative;
	left: -70px;
	top: -260px;
	right: 0px;
	bottom: 0px;
}
.colum3 {
background:#ffffff;
float: left;
	position: relative;
	left: 0px;
	top: -250px;
	right: 10px;
	bottom: 0px;
}
.link {
display: block;
width: 150px;
height: 38px;
position: relative;
	left: 50px;
	top: -70px;
	right: 0px;
	bottom: 0px;
background: url(images/kn1.gif) no-repeat;
}
.link:hover {
background: url(images/kn01.gif) no-repeat;
}
.link:focus {
background: url(images/kn1.gif) no-repeat;
}
.link1 {
display: block;
position:  relative;
	left: -490px;
	top: -230px;
	right: 0px;
	bottom: 0px;
width: 150px;
height: 38px;
background: url(images/kn5.gif) no-repeat;
}
.link1:hover {
background: url(images/kn05.gif) no-repeat;
}
.link1:focus {
background: url(images/kn5.gif) no-repeat;
}

.link2 {
display: block;
position:  relative;
	left: -670px;
	top: -20px;
	right: 0px;
	bottom: 0px;
width: 250px;
height: 161px;
background: url(images/self.jpg) no-repeat;
}
.link2:hover {
background: url(images/self2.jpg) no-repeat;
}
.link2:focus {
background: url(images/self.jpg) no-repeat;
}

.link3 {
display: block;
position:  relative;
	left: 10px;
	top: -20px;
	right: 0px;
	bottom: 0px;
width: 250px;
height: 161px;
background: url(images/fam.jpg) no-repeat;
}
.link3:hover {
background: url(images/fam2.jpg) no-repeat;
}
.link3:focus {
background: url(images/fam.jpg) no-repeat;
}
.link4 {
display: block;
width: 250px;
height: 161px;
background: url(images/deti.jpg) no-repeat;
}
.link4:hover {
background: url(images/deti2.jpg) no-repeat;
}
.link4:focus {
background: url(images/deti.jpg) no-repeat;
}

.link5 {
display: block;
width: 150px;
height: 200px;
background: url(images/ioganna.jpg) no-repeat;
}
.link5:hover {
background: url(images/ioganna1.jpg) no-repeat;
}
.link5:focus {
background: url(images/ioganna.jpg) no-repeat;
}
.link6 {
display: block;
width: 150px;
height: 200px;
background: url(images/Sveta.jpg) no-repeat;
}
.link6:hover {
background: url(images/Sveta1.jpg) no-repeat;
}
.link6:focus {
background: url(images/Sveta.jpg) no-repeat;
}

.cssbutton, .cssbutton2
{
display: inline-block;
width: 147px;
height: 15px;
float: left;
background-color: #ffffff;
border: 1px #cccccc outset; 
color:#336699 ;
text-decoration: none;
padding: 5px;
margin: -5px;0px;-10px;0px;
font:  Verdana, Arial, Helvetica, sans-serif;
position: relative;
	left: 10px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.cssbutton:visited, .cssbutton2:visited
{
color: #336699;
}
.cssbutton2{
background-color: #D5E7EF;
border-color: #cccccc;
padding: 5px;
margin: -5px;0px;-10px;0px;
}
.cssbutton:hover, .cssbutton2:hover
{
border-style: inset;
color:#339933 ;
background-color: #99FF99;
padding: 5px 5px 5px 5px; /*shift text 1px to the right and down*/
}
.cssbutton:active, .cssbutton2:active
{
color: FFCCFF;
}
.cssbutton2:hover{
background-color: #99FF99;
}
.ul {
padding:15px;
}