/* div{border:1px solid #990000;}    */
body {
margin:      0;
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size:   10pt;
color:       #FFFFFF;
background:  #5B697E;
text-align:  center;
padding:     40px 0 20px 0;
}

a{
font-size:       1em;
color:           #031938;
background:      transparent;
text-decoration: none;
border:          0;
}

a:hover{
color:           #031938;
background:      transparent;
text-decoration: underline;
}

img{
border: none;
}
ul, li{
padding: 0;
margin:  0;
}

/**** dim main ****/
div#main{
width:   770px;
margin:  0 auto 0 auto;
padding: 0;
}

div#main h1, div#cont{
width: 730px;
}

div#main h1{
width:   730px;
margin:  0 auto;
padding: 0 0 5px 0;
}

div.bar, div#bottombar{
width:   770px;
margin:  0 auto 0 auto;
padding: 0;
}

div#bottombar{
padding-top: 15px;
}

div.bar img{
display: block;
margin:  0;
}

/**** dim cont ****/
div#cont{
width:  730px;
margin: 5px auto;
}

div#r-cont{
width: 170px;
float: right;
}

div#r-cont table{
width: 150px;
}
div#r-cont table td.comment{
padding-top: 10px;
}
ul#l-cont{
width:    170px;
margin:   0 0 0 5px;
padding:  0;
float:    left;
overflow: hidden;
}

div#m-cont{
width:       355px;
margin-top:  10px;
margin-left: 185px;
}

/**** format main ****/

div#main{
color:               #212121;
background:          #FFFFFF;
background-image:    url(../grf/bg.main.jpg);
background-repeat:   repeat-y;
background-position: center;
}

div#main h1{
font-size:        1.5em;
font-weight:      normal;
text-align:       center;
color:            #031938;
background:       transparent;
background-image: url(../grf/bg.hl.gif);
}

div#main h1 img{
font-size:  14pt;
}

div.bar, div#bottombar{
text-align: center;
font-size:   0.8em;
color:       #000000;
background:  #5B697E;
}

div#bottombar{
background-image:    url(../grf/bottom.jpg);
background-repeat:   no-repeat;
background-position: center top;
}

div.bar a, div#bottombar a{
color:      #000000;
background: #5B697E;
}

/**** format cont ****/

div#cont{
border-top:          10px solid #FFF2B0;
color:               #212121;
background:          #FFF9D7;
background-image:    url(../grf/bg.cont.gif);
background-repeat:   repeat-y;
background-position: center;
}

div.yl{
margin:      0;
padding:     0;
color:       #031938;
background:  #FFF9D7;
height:      5px;
font-size:   1px;
line-height: 0;
}

div.top{
text-align: center;
font-size:  0.8em;
margin:     10px;
}

div.top a{
margin: 5px;
}

/**** format left cont ****/
ul#l-cont, div#r-cont ul, div#r-cont div{
color:      #031938;
background: transparent;
}

ul#l-cont, div#m-cont, div#r-cont{
/** thx old ies's **/
text-align: left;
}

ul#l-cont, div#r-cont ul{
list-style-type: none;
}

ul#l-cont li a,ul#l-cont li span{
font-size: 0.9em;
display:   block;
margin:    0 5px 0 5px;
padding:   15px 0 15px  15px ;
}

ul#l-cont li{
border: 1px solid #FFFCEC;
}

ul#l-cont li a{
border-bottom: 2px solid #FFFCEC;
}

ul#l-cont li span{
color:         #B31C00;
background:    transparent;
border-bottom: 2px solid #4F5E74;
}

ul#l-cont li a:hover{
color:           #B31C00;
background:      #FFFFFF;
text-decoration: none;
}

/**** format middle cont ****/
div#m-cont{
font-size:   0.9em;
line-height: 1.5em;
}

div#m-cont p{
text-align: left;
}

div#m-cont img{
border: 1px solid #FFFFFF;
}

div#m-cont h2 img, div#m-cont div.pics img{
border: none;
}

div#m-cont h2{
font-size:  1.1em;
color:      #031938;
background: transparent;
padding:    0;
}
div#m-cont h2.success{
text-align:center;
}
div#m-cont h2.success img{
display:block;
}
div#m-cont h3, div#m-cont table caption{
font-size:      1em;
font-weight:    bold;
color:          #031938;
background:     transparent;
padding-bottom: 15px;
}

div#m-cont div.pics h3{
padding: 2px;

}

div.pics div.cl{
padding-bottom: 5px;
}

div.pics a{
display:    block;
margin:     2px;
width:      103px;
height:     103px;
float:      left;
text-align: right;
border:     1px solid #A7AEB9 !important;
}

div.pics a:hover {
border: 1px solid #B31C00 !important;
}

div.picarea{
text-align: center;
color:      #212121;
background: #FFFCEC;
}

iframe{
display:    block;
overflow:   hidden;
width:      350px;
height:     410px;
border:     none;
color:      #212121;
background: #FFF2B0;
}
div#m-cont ul{
list-style-type: none;
padding:         0;
margin:0;
}

div#m-cont table{
float:           left;
color:           #212121;
background:      #FFF2B0;
border-collapse: collapse;
}
div#m-cont table.txt{
margin-top:     15px;
}
div#m-cont table td{
padding: 5px;
border-bottom: 2px solid #FFF9D7;
}

div#m-cont table td span{
color:          #031938;
background:     transparent;
padding-bottom: 5px;
border-bottom:  1px solid #212121;
}

div#m-cont table.txt td{
vertical-align: top;
}

div#m-cont ul.list{
list-style-image: url(../grf/square.gif);
padding:          0 0 0  15px;
margin:           0;
}

div#m-cont li{
margin: 10px;
}

div#m-cont li strong{
display:     block;
color:       #031938;
background:  transparent;
}
form#kontakt{
display: block;
margin:  10px auto;
}
form#kontakt p{
color:      #212121;
background: #FFF2B0;
padding:    5px;
margin:     2px auto;
text-align:center;
}
form#kontakt p *{
font-size:  1em;
text-align:left;
}
form#kontakt input, form#kontakt textarea{
padding:    2px;
}
form#kontakt input.txt, form#kontakt input.txt1, form#kontakt input.message{
color:      #212121;
background: #FFF2B0;
width:      125px;
border:     none;
}
form#kontakt input.txt{
width:      125px;
}
form#kontakt input.input, form#kontakt textarea{
color:      #212121;
background: #FFF9D7;
width:      200px;
border:     1px solid #4F5E74;
}
form#kontakt input.submit{
color:      #FFFFFF;
background: #031938;
width:      200px;
border:     1px solid #4F5E74;
text-align:center;
}
form#kontakt input.reset{
color:      #212121;
background: #FFF9D7;
width:      125px;
border:     1px solid #4F5E74;
text-align:center;
}
form#kontakt input.input, form#kontakt input.message{
width:      200px;
}
form#kontakt input.message{
color:      #FFF2B0;
background: #FFF2B0;
visibility: hidden; border:     1px solid #4F5E74;
}
form#kontakt input.txt1,form#kontakt textarea{
width: 327px;
}
form#kontakt textarea{
font-family: Arial, Verdana, Helvetica, Sans-serif;
height:      163.5px;
}

p.err,form#kontakt p span.err{
display:    block;
font-size:  .9em;
width:      327px;
color:      #B31C00;
background: #FFFFFF;
padding:    2px;
margin:     5px auto;
border:     1px solid #B31C00;
}
div#m-cont a.mark{
padding-left:        15px;
background-image:    url(../grf/arr.r.0.small.gif);
background-repeat:   no-repeat;
background-position: left center;
}
div#m-cont a.mark:hover{
padding-left:        15px;
background-image:    url(../grf/arr.r.1.small.gif);
background-repeat:   no-repeat;
background-position: left center;
}
/**** format right cont ****/

div#r-cont ul, div#r-cont div{
font-size:     0.8em;
line-height:   1.5em;
padding:       10px ;
margin:        0 0 10px 0;
}

div#r-cont ul li.ext{
margin-top: 10px;
}

div#r-cont a, div#r-cont table{
font-size: 1em;
}

div#r-cont a{
padding-left:        15px;
background-image:    url(../grf/arr.r.0.small.gif);
background-repeat:   no-repeat;
background-position: left center;
}
div#r-cont span.aslink{
padding-left:        15px;
}

div#r-cont a:hover{
padding-left:        15px;
background-image:    url(../grf/arr.r.1.small.gif);
background-repeat:   no-repeat;
background-position: left center;
}

div#r-cont table{
color:           #031938;
background:      transparent;
width:           150px;
border:          none;
border-collapse: collapse;
}

div#r-cont table caption{
text-align:left;
margin-bottom: 10px;
}
.cl{
  clear:      both;
  height:     0px;
  font-size:  1px;
  line-height: 0;
  border:      none;
  margin:      0;
  padding:     0;
}