html, body {width: 100%;height: auto !important;height: 100%;margin: 0 !important;padding: 0 !important;font: 12px/130% verdana !important;background: #fff;color: #5b5a5a;text-align: center;background: url(images/dot.gif) top left repeat;}

table {background: #fff;}
tr {vertical-align: top;}

h1 {color: #4971b3;font: bold 14px/110% arial;padding:0;margin:0}
h2 {color: #4971b3;font: bold 12px/110% verdana;padding: 0.5em;margin:0}
.head {padding: 0.5em;margin: 0 2px;text-align: center;background: #e5e6e7;}
.blue {color: #4971b3;font: bold 12px/130% verdana;padding:0;margin:0}
.grey {background: #e5e6e7;font: bold 12px/130% verdana;padding:0;margin:0;height: auto}
.redbig {color: #ae231a;font: bold 14px/130% verdana;padding: 0.5em 0 0 0;margin:0}
.darkgrey {font: bold 12px/130% verdana;color: #666;padding: 2px;margin: 0 1em;text-indent: 1.2em;}
p {font: 12px/130% verdana;padding: 5px;margin: 0 1em;text-indent: 1.2em;}
span {color: #ae231a;font: bold 12px/130% verdana;}
img {border: 0;padding: 0;margin: 0}

ul {margin: 0.5em 2.5em;padding: 0}
ul li {list-style: outside url(images/bullet.gif);padding: 0 0 0.25em 0;margin: 0 0 0 2em}

ol {margin: 0 2.5em;padding: 0}
ol li {list-style: decimal none;padding: 0 0 0.25em 0;margin: 0 0 0 2em;color: #5b5a5a;}
ol li p {color: #6c6a6a;}
ol li ol,ol li ol li {color: #6c6a6a;font: 12px/130% verdana;}

table#navbar {width: 190px;margin: 1em 0 0 0.5em;}
table#navbar tr td.dot {background: url(images/dot_h.gif) bottom left repeat-x;padding: 5px 0 0 0;}
table#navbar tr td.open {color: #5290cb;font: bold 10px/110% verdana;padding: 6px 0 0 4px;background: url(images/dot_h.gif) bottom left repeat-x;}
table#navbar tr td a {text-decoration: none;color: #5290cb;font: bold 10px/110% verdana;padding: 0 0 0 4px;margin:0}
table#navbar tr td a:hover {text-decoration: none;color: #120853;font: bold 10px/110% verdana;padding: 0 0 0 4px;margin: 0}

table#navbarin {width: 140px;margin: 0 0 0 0;}
table#navbarin tr td.openin {color: #ae231a;font: bold 10px/110% verdana;}
table#navbarin tr td a {text-decoration: none;color: #335faa;font: bold 10px/120% verdana;padding: 2px;margin:0}
table#navbarin tr td a:hover {text-decoration: none;color: #ae231a;background: #E5E5E5;font: bold 10px/120% verdana;padding: 2px;margin: 0}


.line_red {background: url(images/line_red.gif) top left repeat-x;}
#line_blue {background: url(images/line_blue.jpg) top left repeat-x;color: #fff;height: 26px;padding-top: 0.5em}
#line_blue a {text-decoration: none;color: #fff;font: bold 10px/110% verdana;}
#grid {background: url(images/grid.gif) top left repeat;padding: 0.5em;height: 60px}
#grid div {background: #c5c7c7;width: 100px;height: 20px;color: #fff;padding-top: 0.5em;margin: 1em;float: left}
#kroha {margin: 0 0 0 1em;background: url(images/dot_h.gif) bottom left repeat-x;padding: 0 0 0.5em 0}
#kroha h1 {font: 12px/130% verdana;}

td.dot_v {vertical-align: top;}
.dot_v {background: url(images/dot_v.gif) top left repeat-y;}
.dot_h {background: url(images/dot_h.gif) top left repeat-x;}

table#gallery {margin: 0 1em;}
table#gallery tr td.desc {background: #e5e6e7 url(images/line_vred.jpg) top left repeat-y;padding: 0.7em 0 0 3em;}
table#gallery tr td.desc br {margin: 0.7em 0}
table#gallery tr td img {border: 4px solid #eef4fa;padding: 2px}
table#gallery tr td.grey img {border: 4px solid #fff;padding: 0;margin: 0.5em 0}
table#gallery tr td.bg {background: #F6F6F6;border: 1px solid #ccc;width: auto}
table#gallery tr td.bg div {padding: 0 0 4px 0;background: #F6F6F6;color: #666;}
table#gallery tr td.bg h2 {background: #eef4fa;padding: 0;margin: 0;}
table#gallery tr td.bg img {border: 2px solid #fff;margin: 6px 0 3px 0;padding: 4px;background: #e5e6e7}


table#works {margin: 0 1em;border: 1px solid #c7dcee}
table#works tr td {background: #eef4fa;}
table#works td img {border: 2px solid #fff;}

table#all {width: 98%;margin: 0 1em;border: 1px solid #e5e6e7;text-align: center;}
table#all tr {vertical-align: top;}
table#all tr td,table#all tr th {background: #f8f9f9;padding: 1em;border: 1px solid #e5e6e7;}

table#window {border: 1px solid #c7dcee;margin: 5px auto}
table#window tr td a.win {font: 11px/110% verdana}

table#text {margin: 0 auto;width: 660px;text-align: center;}
table#text tr td {margin: 0 auto;width: 230px;background: #fff;text-align: center;}
table#text tr td img {border: 4px solid #e5e6e7;padding: 2px;}
table#text tr td span.active {background: #eef4fa;border: 1px solid #c7dcee;padding: 0.3em}
table#text tr td a {padding: 0}
table#text1 {margin: 0 auto;width: 550px;text-align: center;}
table#text1 tr td {background: #fff;text-align: center;}
table#text1 tr td img {border: 4px solid #e5e6e7;padding: 2px;}

img.text {border: 4px solid #e5e6e7;padding: 2px;margin: 0 1em 0 0;float: left}

#copy {float: left;width: 600px;font: 10px/130% verdana;padding: 0.5em 0 0 0.5em}
#copy a {font: 10px/130% verdana;padding: 0;margin: 0;}
#logof {float: right;width: 150px;font: 10px/130% verdana;padding: 0;margin: 0;}
#logof a {font: 10px/130% verdana;padding: 0;margin: 0;}
#logof div.text {float: left;padding: 0.5em 0 0 0;}
#logof div.text a.fotina {text-decoration: none;color:#666}
#logof div.logo {float: right;}

a:link {text-decoration: underline;color: #2c5baa;font: 12px/130% verdana}
a:hover {text-decoration: none;color: #2c5baa;font: 12px/130% verdana}
a:visited {text-decoration: underline;color: #2c5baa;font: 12px/130% verdana}

a:link.text {text-decoration: underline;color: #2c5baa;font: 12px/130% verdana}
a:hover.text {text-decoration: none;color: #2c5baa;font: 12px/130% verdana}
a:visited.text {text-decoration: underline;color: #2c5baa;font: 12px/130% verdana}