/* CSS Document */

*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}


@media (max-width: 699px) and (min-width: 600px) {

/* style css */

}

body {
background: url('images/tlo.png') repeat;  background-attachment: fixed;
font-family: 'Open Sans', sans-serif; 
font-size: 14px; 
text-align: justify;
height: 100%;
color: #ffffff;
}

#container {
position: relative;
min-height: 100%;
_height: 100%;
width: 100%;
}

#page {
margin: 0 auto;
position: relative;
z-index: 1;
width: 699px;
}

#top {
position: relative;
width: 699px;
height: 636px;
}

#menu {
background: url('images/menu.png') no-repeat;
position: absolute;
left: 0px;
width: 699px;
height: 450px;
top: 150px;
z-index: 7;
}

#logo{
background: url('images/logos.png') no-repeat;
position: absolute;
left: 200px;
width: 288px;
height: 50px;
top: 70px;
z-index: 5;
}

a#menu1, a#menu2, a#menu3, a#menu4{
left: 0px;
top: 0px;
text-indent: -3000px;
position: absolute;
display: block;
z-index: 8;
}

a#menu1_active, a#menu2_active, a#menu3_active, a#menu4_active{
left: 0px;
top: 0px;
text-indent: -3000px;
position: absolute;
display: block;
z-index: 8;
}

a#menu1 {
top: 0px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu1_active {
background: url('images/1.png') 0px 0px;
top: 0px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu2 {
top: 104px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu2_active {
background: url('images/2.png') 0px 0px;
top: 104px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu3 {
top: 209px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu3_active {
background: url('images/3.png') 0px 0px;
top: 209px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu4 {
top: 315px;
left: 157px;
width: 381px;
height: 95px;
}

a#menu4_active {
background: url('images/4.png') 0px 0px;
top: 315px;
left: 157px;
width: 381px;
height: 95px;
}


a#menu1:hover {
background: url('images/1.png') 0px 0px;
}

a#menu2:hover {
background: url('images/2.png') 0px 0px;
}

a#menu3:hover {
background: url('images/3.png') 0px 0px;
}

a#menu4:hover {
background: url('images/4.png') 0px 0px;
}


a:link, a:visited {
color: #cff0fe; 
text-decoration: none;
}

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

a:focus { 
outline: none;
}


#bottom {
width: auto;
height: 28px;
bottom:0;
left: 0;
position: relative;
margin-left: 0px ;
z-index: 10;
}


#ak {
background: url('images/ak.png') no-repeat;
position: relative;
top: 0px;
left: 443px;
width: 145px;
height: 18px;
z-index: 6;
}

.style1 {
font-family: 'BenchNine', sans-serif;
  font-size: 30px;
  color: #fff;
}

.style2 {
font-family: 'Italianno', cursive;
  font-size: 35px;
  color: #fd3b3b;
}