html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img { 
	margin: 0;
	padding: 0;
	border: 0;
}

html,body{margin:0px;padding:0px; }

table{border:0pt;border-collapse:collapse;}
table td{vertical-align:top; font: 0.75em Tahoma, sans-serif;} 
#table td{padding:0px; vertical-align:top; font: 0.75em Tahoma, sans-serif; color:#333333} 
body {background:  #FFFFFF}

a {color: #0066CC;}

#ru_logo {float: left; z-index: 100; position: absolute; left: 0px; top: 0px; width: 195px; height: 195px;}
#basic1 {width: 100%; height: 100%; margin: 0px; padding: 0px; background: #fafafa;}

#header {width: 100%; height: 180px}

.topline_1 {width: 100%;background: url('img/top_menu_bg.png') #333333}
.topline_2 {width: 100%; background: url('img/header_bg.png') #333333}
.topline_3 {width: 100%;}
.topline_4 {background: url('img/shadow_content.gif') repeat-x top; width: 100%; height: 10px;}
.topline_4 td {background: url('img/ru_4.gif') no-repeat left top;}

.top_line {height: 30px;  background: url('img/ru_1.gif') no-repeat left top; color: #CCCCCC; font-size: 0.7em; vertical-align: middle;}
.top_line a {color: #CCCCCC; text-decoration: none;}
.top_line a:hover {color: #ffffff; text-decoration: underline;}
.welcome {width: 50%; float: left; text-align: right}
.serve_menu {width: 48%; float: left; text-align: right;}
.logo {vertical-align: middle; background: url('img/ru_2.gif') no-repeat left top; color: #EDEDED; height: 120px; padding: 0px 0px 0px 230px}
.main_menu {
	height: 30px; 
	background: url('img/ru_3.gif') no-repeat left top #FBFBFB;
	vertical-align: middle;
	font-size: 0.65em;
	color: #cccccc;
	padding: 0px 20px 0px 230px;
}

.main_menu a {color: #333333; text-decoration: none;}
.main_menu a:hover {text-decoration: underline}

.main_menu td {height: 30px; padding: 0px 10px 0px 10px; vertical-align: middle; font-size: 0.7em;text-transform : uppercase;}

.main_menu .current {background: url('img/menu_bg.png') repeat-x}
.main_menu .current a {color: #ffffff; font-weight: bold;}
.main_menu .not_active {color: #c3c3c3;}

#main {width: 100%}
#main .logout {text-align: center; margin: 20px 10px 30px 10px;}
.logout .log {padding: 15px 0px 10px 10px; text-transform : uppercase; font-family: arial black; font-weight: normal; font-size: 1.4em; color: #0759B4}

#extra {background: url('img/shadow_content.gif') repeat-x top;}
#extra td {background: #E2E2E2 url('img/extra_bg.png') top right; padding: 15px 15px 10px 10px; font-size: 0.7em}
#extra td img {float: left; margin: 0px 10px 5px 0px;}
#extra td a {color: #666666}

#hotline {background:  url('img/hotline_bg.gif') #EC3C52 repeat-y top left; padding: 10px 0px 10px 50px; margin: 10px 10px 20px 0px}
#hotline a {color: #ffffff; font-family: Arial Black; font-size: 1em; text-decoration: none; text-transform : uppercase;}
#hotline img {vertical-align: middle; margin: 0px 5px 0px 0px}

#logon {background: #ececec; padding: 8px 30px 13px 5px; margin: 10px 10px 0px 0px; width: 85%; border-top: 4px solid #d7d5d5;}
#logon a, .a1{color: #606060; font-family: Arial; font-weight: bold; font-size: 1em; text-decoration: none; text-transform : uppercase;}
#logon a{color: #0066CC; text-transform :none;font-weight: normal;font-size: 1.2em;}
#logon img {vertical-align: bottom; margin: 3px 0px 0px 0px;}
#logon a:hover {text-decoration: underline;}
#logon input.grey_border {border: 1px solid #c5c5c5;}
#logon input.marg {margin-top: -2px;}
#logon_title {margin: 0px 0px 0px 10px; font-weight: bold; font-size: 1.1em;}


.w25 {width: 25%}

h1 {border-bottom: solid 1px #E4E4E4; border-left: solid 6px #E4E4E4;padding: 5px 0px 5px 10px; text-transform : uppercase; font-family: arial black; font-weight: normal; font-size: 1.2em; color: #0759B4}
h2 {margin: 20px 0px 10px 10px; font-family: tahoma; font-weight: bold; font-size: 1.2em; color: #333333}
h3 {border-bottom: solid 1px #E4E4E4; border-left: solid 6px #E4E4E4;padding: 5px 0px 5px 10px; text-transform : uppercase; font-family: arial black; font-weight: normal; font-size: 1em; color: #666666}
h4 {font-size: 1em; margin: 20px 0px 0px 10px}


.registration {margin: 0px 10px 10px 10px; background:#E4E4E4;}
.registration td {vertical-align: middle;}
.registration td p {margin: 7px 3px 5px 10px;}
.registration input {margin: 7px 3px 5px 10px;}
.comment {font-size: 70%; text-align: left; vertical-align: middle;}
.comment input {margin-top: 3px;}

p {margin: 10px; line-height: 120%}

.form {border: solid 1px #E4E4E4; font-size: 0.9em; background: url('img/form_bg.png') #F2F2F2 no-repeat top; margin: 20px 10px 10px 10px; }
.options {background:#E4E4E4; padding: 5px 10px 5px 10px;}
.options img {vertical-align: middle;}
.options .current {background: #00539F; color: #ffffff; padding: 2px 3px 2px 3px; font-weight: bold;}

.form_table {margin: 0px 10px -5px 7px}
.form_table td {padding:4px 3px 3px 3px; font-size: 0.7em; vertical-align: middle;}

.offset {margin: 0px 0px 0px 20px}

#footer {width: 100%;}
#footer td {background: #EEEEEE; color: #666666; font-size: 0.7em; padding: 20px 0px 20px 0px}

.news {margin: 10px 10px 20px 10px}


.container {margin: 20px 10px 10px 10px; font-size: 0.9em}

#tfoms_quick {background: #00539F; text-align: center; margin: 10px 0px 0px 0px}

.stroke_forum {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url('img/icons/16_forum_topic.gif') no-repeat; top}
.stroke_forum span a {color: #666666}

.left_menu {margin: 20px 10px 0px 30px}
.left_menu li {list-style: none; border-bottom: solid 1px #E4E4E4; padding: 10px 10px 10px 20px; font-size: 1em; font-weight: bold;}
.left_menu li a {text-decoration: none;}
.left_menu li a:hover {text-decoration: underline;}
.left_menu li.current a {color: #666666}

.left_menu1 {margin: 20px 10px 0px 30px}
.left_menu1 li {list-style: none; border-bottom: solid 1px #E4E4E4; padding: 5px 5px 5px 20px; font-size: 0.9em; font-weight: normal;}
.left_menu1 li a {text-decoration: none;}
.left_menu1 li a:hover {text-decoration: underline;}
.left_menu1 li.current a {color: #666666; font-weight: bolder;}

.shadow {font-size: 0.9em; color: #666666; border-left: solid 1px #E4E4E4; margin: 0px 0px 10px 10px;}
.red {color: #EC384F}

input {vertical-align: middle;}

#month_name {width: 180px; margin: 20px 10px 0px 20px}
#month_name td {vertical-align: middle; font-weight: bold; padding: 0px;}
#month_name img {padding: 0px; margin: 2px; width: 16px; height: 16px;   vertical-align: middle;}


#calend_table {width: 180px; margin: 5px 10px 2px 20px;}
#calend_table th {font-size: 70%; padding: 2px 5px 3px 0px;text-align: right; background: #E4e4E4}
#calend_table td {width: 14%; font-size: 70%; text-align: right; padding: 2px 3px 2px 0px;}
#calend_table .active {color: #ffffff; background:#FED03E; font-weight: bold;}
#calend_table .select {background: #00539F; color: #ffffff}
#calend_table .another {color: #999999}

.info {background: #f2f2f2; color: #666666; font-size: 0.9em; padding: 5px; margin: 20px 10px 10px 10px}

.map {margin: 10px 10px 10px 20px;}

.map ul {margin: 10px; font-size: 0.95em}
.map li {margin: 5px}

.one_col {float: left; background: #eee; font-size: 0.95em; margin: 10px 10px 10px 20px; color: #333; width: 90%;}
.one_col ul {list-style-type: none; text-transform: uppercase;}
.one_col ul li {padding: 2px;}
.one_col ul li.second_nav {padding: 0px;text-transform: none;}
.one_col ul li a {color: #333;}
.one_col ul li a:hover {color: #317bd0;}

ul {margin: 10px 10px 10px 30px;}
ol {margin: 10px 10px 10px 30px;}
li {margin: 5px}


.search {margin: 10px 10px 10px 20px;}

.threecol {width: 100%; border-top: solid 3px #e4e4e4; margin: 10px 0px 10px 20px;}
.threecol td {width: 33%; font-size: 0.7em; padding: 20px 0px 0px 0px}

.person {border: solid 10px #e4e4e4; margin: 0px 0px 0px 10px;}

.w33 {width: 33%;}

.data {width: 100%;}
.data td, th {padding: 5px 5px 5px 10px; border-bottom: solid 1px #E4E4e4}
.data th {text-align: left; font-size: 0.8em; background: #F2F2F2}

.w50 {width: 50%;}
.w100 {width: 100%}

.actions {padding: 20px; text-align: right; border-top: solid 1px #cccccc; margin: 0px 0px 0px 0px}
.results_count {vertical-align: middle; padding: 12px 0px 0px 0px; text-align: right;}
.results_count a {margin: 0px 5px 0px 5px; padding: 5px}
.results_count a.active {background: #e2e2e2;text-decoration: none; font-weight: bold; color: #333333}

.td_content {padding: 20px 10px 10px 10px}

.portletbutton {border: solid 1px #B0B0B0; padding: 2px 7px 2px 8px; font-size: 0.8em; color: #000000; background: #E4E4E4; font: normal 8pt Arial, Helvetica; text-transform: uppercase; text-decoration: none;}


/* phones */

.icon {vertical-align: middle; margin: 0px 5px 0px 0px;}


.data td.uprav {font-size: 100%;font-weight: bold;border-top: solid 2px #cccccc; background:#F2F2F2}
.data td.otdel {font-weight: bold; padding: 5px 5px 5px 30px; background:#F2F2F2}
.data td.boss {font-weight: bold}
.data td.person1 {padding: 5px 5px 5px 40px;}
.data td.person2 {padding: 5px 5px 5px 50px;}

/* Error string */
#status  {
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	margin: 0px 10px 10px 10px; 
}

.error {
	background-color: #FFDBDB;
}


/*Portlet configuration mode */
.personalization {margin: 0px 10px 10px 10px; background:#E4E4E4;}
.personalization td {vertical-align: middle;}
.personalization td p {margin: 7px 3px 5px 10px;}
.personalization input {margin: 7px 3px 5px 10px;}