body {
background-color: #7aa74e;
margin: 0px 0px 0px 0px;
}

input {
font-family: verdana;
font-size: 11px;
text-decoration: none;
border: 1px solid #e1e1e1;
}

textarea {
font-family: verdana;
font-size: 11px;
text-decoration: none;
border: 1px solid #e1e1e1;
}

select {
font-family: Verdana;
font-size: 11px;
text-decoration: none;
border: 1px solid #e1e1e1;
color: #3f2f00;
margin-top: 15px;
margin-bottom: 0px;
}

a {font-family: verdana; font-size: 11px; color: #fffffe; text-decoration: none;}
a:hover {font-family: verdana; font-size: 11px; color: red; text-decoration: none;}

.m {font-family: arial; font-size: 12px; color: #3f2f00; text-decoration: none; font-weight: bold;}
.m:hover {font-family: arial; font-size: 12px; color: #fffffe; text-decoration: none; font-weight: bold;}

.sg {font-family: arial; font-size: 12px; color: #fffffe; text-decoration: none; font-weight: bold;}
.sg:hover {font-family: arial; font-size: 12px; color: #f0e9cc; text-decoration: none; font-weight: bold;}

.lw {font-family: arial; font-size: 12px; color: #1d6a95; text-decoration: none; font-weight: bold;}
.lw:hover {font-family: arial; font-size: 12px; color: red; text-decoration: none; font-weight: bold;}

.md {font-family: arial; font-size: 12px; color: yellow; text-decoration: none; font-weight: bold;}
.md:hover {font-family: arial; font-size: 12px; color: #f0e9cc; text-decoration: none; font-weight: bold;}

.lo {font-family: verdana; font-size: 11px; color: green; text-decoration: none;}
.lo:hover {font-family: verdana; font-size: 11px; color: red; text-decoration: none;}

.stl {font-family: verdana; font-size: 10px; color: green; text-decoration: none; font-weight: bold;}
.stl:hover {font-family: verdana; font-size: 10px; color: #fffffe; text-decoration: none; font-weight: bold;}

.bsa2t {text-align: left; font-family: verdana; font-size: 11px; color: #f0e9cc; padding-top: 15px; padding-left: 5px;}

.blakst {text-align: justify; font-family: verdana; font-size: 11px; color: #f0e9cc; padding: 10px 5px 10px 10px; line-height: 15px;}
.bladst {text-align: justify; font-family: verdana; font-size: 11px; color: #3f2f00; padding: 10px 5px 10px 10px; line-height: 15px;}

.st {font-family: verdana; font-size: 10px; color: #3f2f00; text-align: center; padding: 8px 0px 0px 0px;}

.bpdt {text-align: left; font-family: verdana; font-size: 11px; color: #3f2f00; padding: 0px 5px 0px 5px; line-height: 15px;}

.powolajsie {font-family: verdana; font-size: 11px; color: red; text-decoration: none; font-weight: bold; padding: 0px 5px 5px 5px;}

.alert {font-family: verdana; font-size: 11px; color: red; text-decoration: none; text-align: center; font-weight: bold;}

.str {text-align: right; font-family: verdana; font-size: 11px; color: #3f2f00; padding: 0px 5px 0px 0px;}

#root {
width: 1000px;
margin: 0 auto;
height: auto !important;
}
.img {
padding-right: 3px;
}
.bta1 {
width: 840px;
height: 30px;
float: left;
background-color: #7aa74e;
}
.bta2 {
background-image: url(img/kompas-top.jpg);
background-repeat: no-repeat;
width: 160px;
height: 30px;
float: left;
}
.bta3 {
background-image: url(img/logo.png);
background-repeat: no-repeat;
width: 410px;
height: 100px;
float: left;
}
.bta4 {
width: 560px;
height: 100px;
float: left;
}
.bta6 {
width: 30px;
height: 100px;
float: left;
}
.bsa1 {
background-image: url(img/bsa1.png);
background-repeat: no-repeat;
width: 1000px;
height: 20px;
float: left;
}
.bsa2 {
width: 205px;
height: 180px;
float: left;
background-color: #7aa74e;
}
.bsa3 {
width: 205px;
height: 180px;
float: left;
background-color: #7aa74e;
}
.bsa4 {
width: 560px;
height: 180px;
float: left;
}
.bsa5 {
background-image: url(img/bsa5.png);
background-repeat: no-repeat;
width: 30px;
height: 180px;
float: left;
}
.bsa6 {
background-image: url(img/bsa1.png);
background-repeat: no-repeat;
width: 1000px;
height: 20px;
float: left;
padding-bottom: 5px;
}
.btb {
width: 1000px;
height: 120px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}
.ll {
width: 408px;
float: left;
}
.lp {
width: 582px;
height: 1580px;
float: right;
background-color: #fffffa;
}
.lpo {
width: 582px;
float: right;
background-color: #fffffa;
}
.bla {
width: 408px;
background-color: #fffffa;
margin-top: 3px;
margin-bottom: 3px;
}
.blan {
width: 408px;
margin-top: 3px;
margin-bottom: 3px;
}
.bla1 {
width: 204px;
float: left;
}
.bla2 {
width: 204px;
float: left;
}
.bp {
width: 582px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
.bp2 {
width: 291px;
float: left;
padding-top: 0px;
padding-bottom: 5px;
background-color: #fffffa;
}
.bp3 {
width: 194px;
float: left;
padding-bottom: 5px;
background-color: #fffffa;
}
.fno {
width: 125px;
height: 90px;
padding-top: 10px;
padding-left: 5px;
float: left;
}
.tno {
width: 447px;
height: 90px;
font-family: verdana;
font-size: 11px;
color: #3f2f00;
text-align: justify;
padding-top: 10px;
padding-right: 5px;
float: left;
}
.s {
background-image: url(img/l-s.png);
background-repeat: no-repeat;
width: 1000px;
height: 35px;
margin: 0 auto;
}