/* ???????-?????? Ardalin.com */


body {
background-color : #ffffff;
padding : 0;
margin : 0;
color : #000000;
/*

*/
background-image : url(http://www.ardalin.com/other_v/tartan.gif);
background-repeat : repeat;
background-position: left top;
}
#totem {

width:854;
height:108px;
background-image : url(http://www.ardalin.com/icos.png);
background-position : left top;
background-repeat : no-repeat;
    
    }

#krug {
margin-top : 82px;
width : 854px;
margin-left : -426px;
left : 50%;
position : absolute;
background-color : #ffffff;

/*
background-image : url(http://www.ardalin.com/other_v/tartan.gif);
background-repeat : repeat;
background-position: 45px 313px;
*/

font-size : 11px;
border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px;}
#kvadrat {
margin-top : 0px;
width : 852px;
border : 1px solid #999999;
padding-bottom : 11px;
background-image : url(http://www.ardalin.com/bg_kvadrat_ardalin.png);
position: static;

border-radius: 20px;}

/*
#gerb_a {width: 185px; height:420px; background-image :
url(http://www.ardalin.com/gerb_g1.gif); background-position: 45px
304px; background-repeat:no-repeat; }
*/

td { background-image:url('http://www.ardalin.com/light.png'); background-position: center; background-repeat: no-repeat;}

h1 {
font-size : 20px;
font-family : "Times New Roman", Times, serif;
font-weight : normal;
border-bottom : 1px dashed #666666;
text-align : right;
font-variant:small-caps;
}

h2 { font-size:16px; font-family:"Times New Roman", Times, serif;}

#kontent {
margin-left : 190px;
margin-top : 19px;
font-family : Geneva, Arial, Helvetica, sans-serif;
text-align: right;
vertical-align:bottom;
margin-right : 17px;

background-repeat:no-repeat;
background-position: bottom;
border-bottom: 3px #330066 solid;


height:390px;
}
img {
vertical-align : top;
}
#B {
width : 400px;
height : 500px;
float : left;
position : static;
}
#J {
width : 200px;
height : 500px;
float : right;
position : relative;
}
td {
border : 1px solid #cccccc;
}
.flyoutmenu {
width : 170px;
float : left;
position : static;
vertical-align : middle;
font-family : Geneva, Arial, Helvetica, sans-serif;
margin-top : 3px;


}
.flyoutmenu ul li a {
display : block;
padding-top : 7px;
text-decoration : none;
color : #000;
width : 170px;
text-align : left;
border-bottom : 1px solid #ccc;
}
.flyoutmenu ul {
padding : 0;
margin : 0;
list-style-type : none;
width : 180px;
}
.flyoutmenu li ul {
display : none;
position : absolute;
right : 170px;
top : 0;
display : none;
width : 180px;
height : 30px;
background-color : #ffffff;
}
.flyoutmenu li > ul {
top : auto;
right : auto;
}
.flyoutmenu ul li {
float : right;
position : relative;
}
.flyoutmenu ul li ul {
display : none;
}
.flyoutmenu ul li:hover a {
color : #000;
background-color : #FFFF99;
}
.flyoutmenu ul li:hover ul {
display : block;
position : absolute;
top : 0;
left : 170px;
width : 180px;
}
.flyoutmenu ul li:hover ul li a.hide {
color : #666;
}
.flyoutmenu ul li:hover ul li:hover a.hide {
width : 170px;
}
.flyoutmenu ul li:hover ul li ul {
display : none;
}
.flyoutmenu ul li:hover ul li a {
width : 170px;
color : #666666;
display : block;
text-decoration : none;
background-color : #fff;
text-align : left;
}
.flyoutmenu ul li:hover ul li:hover a {
color : #000;
border-bottom : 1px solid #333333;
}
.flyoutmenu ul li:hover ul li a:hover {
color : #000;
border-bottom : 1px solid #999;
}
.flyoutmenu ul li:hover ul li:hover ul {
display : block;
position : absolute;
left : 161px;
width : 200px;
top : 0;
color : #000;
}
.flyoutmenu ul li:hover ul li:hover ul li a {
display : block;
width : 190px;
color : #666;
text-align : left;
border-left : none;
border-bottom : 1px solid #999;
border-right : 1px solid #999;
}
.flyoutmenu ul li:hover ul li:hover ul li a:hover {
color : #000000;
background-color : #fff;
text-decoration : none;
}

.flyoutmenu ul li:hover ul li:hover ul li:hover ul li a {
display : block;
width : 190px;
color : #666;
text-align : left;
border-left : none;
border-bottom : 1px solid #999;
border-right : 1px solid #999;
}
.flyoutmenu ul li:hover ul li:hover ul li:hover ul li a:hover {
color : #000000;
background-color : #fff;
text-decoration : none;
}


* html table {
border-collapse : collapse;
border : 0;
margin : 0;
padding : 0;
}
* html .flyoutmenu ul li a.hide {
display : none;
}
* html .flyoutmenu ul li a:visited.hide {
display : none;
}
* html .flyoutmenu ul li a:hover ul li a.hide {
display : none;
}
* html .flyoutmenu ul li a:hover {
color : #000;
border-bottom : 1px solid #999;
}
* html .flyoutmenu ul li a:hover ul {
display : block;
position : absolute;
top : 0;
left : 200px;
width : 200px;
overflow : visible;
}
* html .flyoutmenu ul li a:hover ul li a.sub {
color : #000000;
}
* html .flyoutmenu ul li a:hover ul li a {
display : block;
color : #000000;
width : 200px;
}
* html .flyoutmenu ul li a:hover ul li a ul {
visibility : hidden;
}
* html .flyoutmenu ul li a:hover ul li a:hover {
color : #000;
}
* html .flyoutmenu ul li a:hover ul li a:hover ul {
visibility : visible;
position : absolute;
left : 200px;
top : 0;
color : #000;
}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a {
display : block;
width : 200px;
color : #000;
text-align : center;
}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a:hover {
color : #000000;
}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a:hover ul li a {
display : block;
width : 200px;
color : #000;
text-align : center;
}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
color : #000000;
}
* html ul li {
float : left;
}
* html ul li a {
height : 1%;
}

table {width:160px;}

blockquote { 
background-color: #FFFFCC; color: #000000;}
blockquote p {padding: 7px; text-align: justify; }

blockquote:hover {background-color:#FFFFFF;}