html {overflow-x: auto;}
body {background-color: #fff;  margin: 0 2px 0 2px;  padding:0;}
html, body, table { font-size: 12px;  }
body, input, textarea, select {font-family: Verdana, Tahoma, Arial, sans;  }
input, textarea, select { font-size: 1em; padding: 2px;}

img {border:0;vertical-align: middle;  }
#logo {top:10px;border:0;margin-left:10px;margin-top:5px;}
img.im	{ margin: 3px }

a#stone { position: absolute; left: 330px; top: 20px; float: left;}

ul#map {font-weight: bold;}
ul#map ul {font-weight: normal;}

a:link, active {color: blue;  text-decoration: none;  }
a:visited {color: blue;  text-decoration: none;  }
a:hover {color: green;  text-decoration: underline;  }

br.clear {clear: both;  }

h1, h2 { margin: 1em 0 0.2em 0;   font-family: Verdana, Arial, sans;  }
h1 { font-size: 20px;   font-weight: normal;   border-bottom: 1px solid #ccc;  }
h1.m {font-size: 20px;   font-weight: normal;   border-bottom: 0px;  }
h2 { font-size: 18px;   font-weight: bold;   }
h3 { font-size: 15px;   }
h4 { font-size: 12px;   }
h5 { font-size: 9px;   }
h6 { font-size: 8px;   border: 0;   }

div.search {text-align: center;  margin: 5px;  padding: 5px; }

div.left {float: left;  width: 195px; }
div.cleft {float: left; padding: 10px;}
div.cleft img {float: left; height: 100px; padding-right: 10px;}

div#topline {background: #ed7515 url(/img/tline.png) repeat-x;  height: 20px;  padding-left: 7px;  vertical-align: middle;  margin: 0px; }
div#topline a {color: #fff;  height: 16px;  padding: 2px;  }
div#topline a:hover {background: black;  }
div.tags			{ margin: 5px; padding: 10px; background: #e3e7df; }
div#image		{ text-align: center; width: 100%; padding: 20px; }

#nav_bar {  position: absolute;  top: 0;  right: 0;  margin: 0;  padding: 0;  width: 80px;  }
#nav_bar ul {list-style-type: none;  margin: 0px;  padding: 0px;  padding-left: 0px;  }
#nav_bar ul li {_width: 0px;  float: right;  list-style-type: none;  padding: 0px 0px 0px 0px;  margin: 0px 1px 0px 1px;  }
#nav_bar ul li a {display: block;  list-style-type: none;  padding: 0px 1px 1px 1px;  margin: 0px;  height: 20px;  white-space: nowrap;  font-weight: bold;  font-size: 8px;  color: white;  text-decoration: none;  }
#nav_bar ul li a:hover {background: none;  }

#contact { float: right;text-align: right;width:170px; margin-right: 5px;}

#menu {list-style-type:none;margin:0;padding:3px; padding-left:0;z-index:3}
#menu li {float:right;_width:0;list-style-type:none;padding:0;margin:2px 0;z-index:3;height:22px}
#menu li+li{border-right:1px solid #000}
#menu li a {display:block;z-index: 3;padding: 2px 7px 0 7px;margin:0;height:20px;white-space: nowrap;    font-weight: bold;font-size: 12px;color:#fff;text-decoration:none}
#menu li a:hover { background-image: url(/img/hover.png); background-position: 0% 0;text-decoration:underline;color:#fff}

div#dmenu {background: url(/img/line.png);  display: block;  height: 30px;  width: 100%;}

div#footer {text-align: center;   font-size: 1.4em;  background-color: #ffb600;  padding: 10px; }
div#footer small {font-size: 0.6em; }

div#header {background-color: #ed7515;  height: 65px;  margin: 0px; }

div#fborder {background: #ffb600 url(/img/fline.png) repeat-x;  height: 5px;  margin: 0px;  padding: 0px; }

div.main {width: 90%; margin-left: 5%; padding: 5px; }

div.attention {background: #eeeeff;   padding: 5px;   margin: 5px; text-align: left }

div.error {background: #ffeeee;   padding: 5px;   margin: 5px; text-align: left }
div.error img, div.attention img {float: left;   margin-top: 10px;  }
div.error span.hd, div.attention span.hd {font-size: 1.2em;   font-weight: bold;   margin: 10px;   border-bottom: 1px solid #ccc;  }
div.error span.txt, div.attention span.txt {font-size: 1em;   padding: 10px;   display: block;   margin-left: 50px;  }
div.error span.bt, div.attention span.bt {font-size: 1.4em;   float: right;   font-weight: bold;  }

div.download {border: 1px dashed #9a9;   background: #efe;   padding: 5px;   margin: 5px;  }

div.rss {border: 1px dashed #a99;   background: #fee;   padding: 5px;   margin: 5px;  }

div#m_art {margin: 5px;  padding: 3px;  background: #fff0a0 url(/img/fline.png) repeat-x;}
div#m_art span {font-size: 0.8em; }

div.infoblock {margin: 5px;  padding: 3px;  background: #fff0a0 url(/img/fline.png) repeat-x; }

fieldset.vbox {border: 1px dashed #000;  margin: 5px;  padding: 5px;  float: right;  font-size: 0.8em; }
fieldset.vbox img {margin: 5px; }

div.vbox {margin: 5px;  padding: 5px;  float: right;   background: #fff0a0 url(/img/fline.png) repeat-x;;  width: 170px; }
div.vbox img {margin: 2px; }

fieldset.pages { width: 100%;   font-weight: bold;   text-align: center;   border: 1px solid #000;   padding: 5px; }
div.pages {font-size: 1.2em; padding: 5px;}

div.sitecat { background: #fff0a0; padding: 5px;   margin: 3px;  }

div.butt { width: 90px;   float: left;   margin-right: 10px;  }

div.butt img {font-size: 0.4em;   width: 88px;   height: 31px;  }
div.catsub {text-align: right;   font-size: 0.8em;   padding: 3px;   background: #ffb600;  float: right;  }
span.subinfo {font-size: 0.9em;   color: #333;   padding: 5px;   display: block;   background: yellow;   font-weight: normal;  }

div.box { padding: 5px; margin: 10px; background: #fff0a0 url(/img/fline.png) repeat-x;}
div.box table td { text-align: center;  font-size: 0.9em;  width: 110px; }
div.box span {font-weight: bold;  text-align: right;   padding: 2px;   margin: 1px;   width: 100%;   display: block;  }
div.box div { padding: 3px;   margin: 2px;   text-align: center; font-size: 1.2em;  }
div.box table.board tr td { border: 1px solid #000; text-align: left; padding: 3px; width: 100%; }
div.box table.board tr td div.coolline { font-weight: bold; padding: 5px; margin: 5px; background: #ffb600;  width: 95%; text-align: left;}

div.pricemenu { background: #fff0a0 url(/img/fline.png) repeat-x; float: left; padding: 5px; margin: 10px; width: 150px; }


table#price {border: 1px solid #000;   width: 100%;  }
table#price th {background: #fff0a0 url(/img/thline.png) repeat-x; color: #fff;   padding: 3px;  height: 40px;}
table#price tr {padding: 2px;   text-align: center;  background: #fff0a0; }
table#price tr td {border: 0px;   padding: 3px;  }
table#price tr td.r1 {border-bottom: 1px dashed;  }
table#price tr td span {font-size: 0.8em;   text-align: left;   display: block;  }

div.price_info      { margin: 5px;   padding: 5px;   text-align: center;  }
div#video           { float: right; width: 400px; height: 350px; margin: 5px; padding: 5px; text-align: center; background: #204a87; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; }
    div#video div   { height: 300px; }

.foto {border: 1px solid #000;   font-size: 1.5em;  }
.foto div {  text-align: center;   float: left;   margin: 5px; padding: 5px; background: #fff0a0; }

/*div.infobox {border: 1px dashed #000; margin: 3px; padding: 5px; background: #8ae234;}*/
div.infobox {border: 1px dashed #000; margin: 3px; padding: 5px; background: #fce94f;}
div.infobox img {float: left; width: 50px;}
div.infobox div {padding-left: 55px;}
div.infobox div h2 {padding: 0; margin: 0;}

div.trans {border: 0; padding: 0; margin: 2px; height: 60px; background: #3190c9 url(/img/trans.bg.png); color: #fff; font-size: 11px;}
div.trans h2 {font-size: 16px; margin: 0; padding: 1px;}
div.trans img.transleft {float: left;}
div.trans a {color: #ff1; text-decoration: underline; font-weight: bold;}
div.trans a:hover {color: #1ff;}

#feedback {position:fixed;bottom:0;width:99%;height:40px;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#ffff00; padding: 5px; font-size: 16px; text-align: center; z-index: 10000}

.red		{ color: red }
span		{ display: inline}

@media screen and (max-width:855px)
{
  .left, .vbox { width:46% !important}
}
@media screen and (max-width:500px)
{
  #logo {width:50% !important}
}