body {margin: 0px; padding: 0px; height: 100%; background-color: #c0c0c0; color: #000}
table, img {border: none}
table {width: 100%}
td {padding: 0px; margin: 0px}
* {font-family: Arial,sans-serif}
a {text-decoration: underline; color: #844200}
div,td {font-size: 13px}
p {text-align: justify}

#MAIN {text-align: center; height: 100%}
#CENTER, #BOTTOM {text-align: left; margin-left: auto; margin-right: auto; width: 775px; background-color: #fff; padding: 10px}
#TOP_LEFT {width: 290px; float: left; border-left: solid 10px #ececec; margin-right: 5px; height: 276px}

#TOP_RIGHT {width: 455px; float: right; height: 276px}
#TOP_RIGHT table {height: 276px}
#TOP_RIGHT .sep1 {background-color: #ececec; width: 10px}
#TOP_RIGHT .image {border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; vertical-align: bottom;}

#CONTENT {padding: 10px 10px 0px 10px; border-right: solid 45px #ececec; border-left: solid 10px #ececec; width: 100%!important}
#CONTENT td {padding: 10px 10px 0px 10px;}
#BOTTOM {border-top: solid 10px #78ba99; height: 50px; width: 755px; padding-bottom: 30px; margin-top: 20px}

#copy {font-size: 11px; width: 150px}
#address {font-size: 11px; color: #777}
.counters {text-align: right; border: solid 1px red}

#logo {display: block; text-decoration: none; color: #000; text-align: center; margin: 0px 0px 9px 0px}
#logo span {display: block}
#FLname {color: #78ba99}
.site_name {font-size: 27px; font-weight: bold}
.site_slogan {font-size: 15px}

.menu {width: 280px; height: 145px}
.menu td {padding: 0px}
/*table[class="menu"] td {border-top: solid 1px #fff; border-bottom: solid 1px #fff}*/
table[class=menu] {width: 290px}
.menu_left_blt {width: 10px; background-color: #d9d9d9; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9}
.menu_element {background-color: #f8f8f8; border-top: solid 1px #f8f8f8; border-bottom: solid 1px #f8f8f8}
.menu_element a {display: block; padding: 2px; width: 100%; color: #000; text-decoration: none}
td[class=menu_element] a {padding: 1px}
.menu_element a:hover {color: #844200}
.hovered {border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9}
.actualed {border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9}
.actualed a {color: #844200}
.menu_right_blt {width: 10px; background-color: #78ba99; border-top: solid 1px #78ba99; border-bottom: solid 1px #78ba99}

.blt_links {background-color: #ececec; width: 45px; vertical-align: top; text-align: center}
.blt_links a {display: block; padding: 5px}

H1 {color: #78ba99; border-bottom: solid 1px #ececec; font-size: 23px}
H2 {color: #844200; font-size: 17px}
H3 {color: #844200; font-size: 13px}

.FPTleft {width: 265px; float: left}
.FPTright {width: 400px; margin-left: 11px; float: right}

/* fix panels */
div.component-panel td {padding: 0px!important}

.subleft {display: none; position: absolute; background: #fff; border: solid 1px #ccc; margin: 0px; margin-top: -20px; margin-left: 250px; width: 150px; list-style: none; padding: 10px}
.subleft a {color:#000}
.subleft a:hover {color:#844200}
ul[class="subleft"] {margin-left: 260px}

.list_files .list_files_item {display: block; width: 315px; float: left; text-decoration: none; padding: 10px}
.list_files .list_files_item:hover {background-color: #eee}
.list_files .list_files_item .name {display: block; margin-bottom: 5px;}
.list_files .list_files_item .descr {display: block; font-size: 10px; color: #555}
.list_files .list_files_item .descr p {margin: 0px; margin-bottom: 3px}

.gallery .images {list-style: none;}
.gallery .images .image {width: 190px; float: left; display: block; border: solid 1px #aaa; background-color: #eee; margin: 4px; padding: 5px}
.gallery .images .image a {text-align: center;}
.gallery .images .image .name {display: block}
.gallery .images .image .download {display: block; font-size: 10px; text-align: right; margin-top: 5px}