@charset "UTF-8";
/* CSS Document */

body {
margin:0px; padding:0px; background-color:#c1d285;
}

.top {
width:100%; height:197px; overflow:hidden; background:url(ttop001.jpg) top left repeat-x;
}
.top1 {
width:800px; height:18px; margin:0 auto; overflow:hidden; background:url(ttop002.jpg) top left no-repeat;
}
.top2 {
width:800px; height:179px; margin:0 auto; overflow:hidden;
}
.top2 img {
float:left;
}

.nav {
width:100%; height:39px; background:#fefbd8 url(nav001.jpg) top center no-repeat; margin:0px; padding:0px;
}
.ddsmoothmenu{
font: bold 11pt Cambria, Verdana, Geneva, sans-serif; width:500px; margin:0 auto; padding-top:1px; margin:0 auto;
}
.ddsmoothmenu ul{
z-index:100; margin: 0; padding: 0; list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative; display: inline; float: left;
}
.ddsmoothmenu ul li a{
display: block; background: #85b8d2; color: white; padding: 4px 5px; margin:0px 6px; text-decoration: none;
}
* html .ddsmoothmenu ul li a{ 
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ 
background:#dbc200; color: white;
}
.ddsmoothmenu ul li a:hover{
background:#dbc200; color:#0066FF;
}
	/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute; left: 0; display: none; visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item; float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.subI{
font: normal 13px Cambria, Verdana, Geneva, sans-serif; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; background: #414141; color:#999999;
}
.ddsmoothmenu ul li ul li a{
font: normal 13px Cambria, Verdana, Geneva, sans-serif; width: 100px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; text-align:center;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.downarrowclass{
position: absolute; top: 12px; right: 7px;
}
.rightarrowclass{
position: absolute; top: 6px; right: 5px;
}
.ddshadow{
position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

.isi {
width:100%; height:auto; overflow:hidden; background:#fefbd8; clear:both;
}
.content {
width:800px; height:auto; overflow:hidden; margin:0 auto; padding:2px 4px; font-family:Arial, Helvetica, sans-serif;
}
.l1 {
width:400px; height:auto; overflow:hidden; border-right:#999999 1px solid;
}
.l1 h1 {
margin:0px 2px 4px 0px; padding:0px; font-size:12pt; color:#666666;
}
.l1 p {
margin:0px 2px 4px 0px; padding:0px; font-size:11pt; color:#333333;
}
.l1 strong {
color:#395CA8;
}
.l1 a {
color:#395CA8;
}
.l1 ol {
margin-top:5px; margin-bottom:5px;
}
.l1 li {
margin-right:2px; font-size:10pt;
}
.l1 li a {
color:#333333; text-decoration:none;
}
.r2 {
width:387px; height:auto; overflow:hidden;
}
.r2 p {
margin:0px 2px 4px 4px; padding:0px 2px; font-size:9pt; border:#CCCCCC solid 1px; color:#666666;
}
.r2 a {
color:#666666; text-decoration:none;
}
.r2 a:hover {
color:#395CA8;
}
.r2 strong {
font-size:10pt; color:#333333;
}

.foo {
width:100%; height:40px; overflow:hidden; background:#fefbd8 url(foo001.jpg) bottom left repeat-x; clear:both;
}
.foo1 {
width:800px; height:31px; margin:0 auto; padding-top:9px; overflow:hidden; background:url(foo002.jpg) bottom left no-repeat; color:#999999; font-size:10pt;
}

/* form */
#kontak {
font-family:Arial, Helvetica, sans-serif; font-size:12px; width:auto; height:100%; overflow:hidden; margin:0px 0px 0px 10px;
}
#kontak p {
text-align:left; padding:0px; margin:0px 0px 8px 0px; height:auto; overflow:hidden;
}
#kontak form {
padding:0px; margin:5px 0px 5px 0px; height:auto; overflow:hidden;
}
#kontak label {
margin:0px 0px 0px 10px; width:90px; float:left;
}
#kontak input {
width:220px; border:1px solid #33CCFF; background:url(input.gif) center center repeat-x;
}
#kontak .selt {
width:220px; border:1px solid #33CCFF;
}
#kontak textarea {
width:220px;
}
#kontak .isec {
height:auto; overflow:hidden; padding:0px; margin:0px 0px 4px 0px; color:#666666; font-size:11px;
}

#kontak button { 
border:0; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-align:center; width:70px; height:25px; 
}
#kontak button.submitBtn {
background:url(btn.gif) top left no-repeat; 
}
#kontak button.submitBtn span {
width:70px; height:25px; color:#000000; background-color:transparent;
}
#kontak button.submitBtn:hover {
background-color:transparent; background:url(btn.gif) bottom left no-repeat; 
}
#kontak button.submitBtn:hover span {
color:#333333;  
}

#contactdetail {
width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:100%; padding:5px 0px 0px 5px; margin:0px;
}
#contactdetail p {
color:#000000; padding:0px; margin:0px 0px 4px 0px; height:100%; overflow:hidden; clear:both; line-height:20px;
}
#contactdetail h1 {
color:#333333; padding:0px; margin:0px; font-size:15px; font-weight:normal;
}

#contactdetail .result {
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
}
#contactdetail .result p {
padding:0px; margin:0px; color:#cfe898; height:auto; line-height:normal;
}
/* end form */