* {	
margin: 0px;	
padding: 0px;	
font-family: arial;	
font-size: 14px;	
color: black;	
background-color: transparent;	
text-align: left;	
vertical-align: top;	
border-collapse: collapse;
}

body {	
text-align: center;	
background: url(../images/gradient.gif) repeat-x left top white;
}

#karkas {	
width: 1000px;	
margin: 0px auto;
}

#header {	
background: url(../images/diagonal2.gif) repeat left top transparent;	
height: 90px;	
padding-top: 8px;
}

h1 {	
font-weight: bold;	
font-size: 30px;	
color: white;	
font-family: century gothic, tahoma;	
padding-left: 30px;
}

h2 {	
font-weight: normal;	
font-style: italic;	
font-size: 16px;	
color: white;	
padding-left: 90px;
}

h4 {	
font-weight: bold;	
font-size: 20px;	
color: black;	
padding-left: 30px;	
text-align: center;
}

#header p {	
text-align: right;	
color: white;	
font-weight: bold;	
font-size: 12px;	
padding-right: 30px;
}

#gr1 {	
height: 30px;	
background: url(../images/diagonal1.gif) repeat left top transparent;
}

#spiral {	
width: 37px;	
background: url(../images/spiral.gif) repeat-y center top transparent;
}

#left {	
width: 276px;	
padding: 30px 0px;
}

#left a {	
display: block;	
text-decoration: none;	
color: #696969;	
font-weight: normal;	
padding: 0px 10px 0px 40px;	
margin-bottom: 20px;	
background: url(../images/bullet1.gif) no-repeat 20px 5px transparent;
}

#left  a.ban {	
display: inline;	
padding: 0px 10px 0px 40px;	
margin: 20px;	
background: none;
}

#left  a.ban:hover {	
display: inline;	
padding: 0px 10px 0px 40px;	
margin: 20px;	
background: none;
}

#left span {	
display: block;	
text-decoration: none;	
text-align: left;	
color: #008b8b;	
font-weight: bold;	
padding: 0px 40px 0px 40px;	
margin-bottom: 20px;	
background: url(../images/bullet3.gif) no-repeat 20px 4px transparent;
}

#left a:hover {	
background: url(../images/bullet2.gif) no-repeat 20px 5px transparent;	
color: #0bc01f;	
text-decoration: underline;
}

#right {	
padding: 30px 20px 30px 30px;
}

form {	
margin-left: 30px;	
margin-bottom: 40px;
}

form input {	
border: 1px solid #008B8B;	
padding: 2px;
}

.sbm {	
background-color: #97d9cf;	
color: #008B8B;	
text-align: center;
}

#right p,strong,em {	
margin-bottom: 20px;	
text-align: justify;	
text-indent: 30px;	
font-size: 14px;	
line-height: 140%;
}

#right form {
font-size: 14px;	
line-height: 150%;	
color: #008B8B;
}

#right a {	
color: #008b8b;	
font-size: 14px;	
text-decoration: underline;
}

#right a:hover {	
color: #0bc01f;	
font-size: 14px;	
text-decoration: underline;
}

#footer {	
background: url(../images/diagonal3.gif) repeat left top #0bc01f;	
padding: 15px 30px;
}

#footer p {	
display: inline;	
font-weight: bold;	
color: white;
}

#footer a {	
float: right;	
font-weight: normal;	color: white;	
text-decoration: underline;
}

#footer a:hover {	
font-weight: normal;	color: blue;
text-decoration: underline;
}

#photo {	
float: left;	margin-right: 35px;	
margin-top: 5px;	
margin-bottom: 20px;
}

#pic {	
float: right;	
margin-left: 25px;	
margin-top: 0px;	
margin-bottom: 10px;
}

p.link {	
font-weight: normal;	font-size: 14px;	
padding-left: 450px;
}

li {	
margin-bottom: 15px;	
margin-left: 30px;
}

#separator {
background: url(../images/diagonal1.gif) repeat-x left top transparent;	
height: 3px;	
margin-top: 40px;
}

#person {	
width: 500px;	
border-color: #90EE90;
border-width: 2px;	
border-style: solid;
}

#person td {	
padding: 12px;	
text-align: center;
}

#person th {	
padding: 2px;	
color: #006400;	
text-align: center;	
background-color: #90EE90;
}

#anketa {width: 570px;}

#anketa th {	
background-color: #97d9cf;	
color: #007B7B;
}

#right form  input,select,textarea {	
border: 1px solid #008B8B;	
padding: 2px;
}

.sbm_ank {	
margin-left: 250px;	
background-color: #97d9cf;	
color: #007B7B;	
text-align: center;
}

.test_showform {width: 590px;}

.test_showform th {	
width: 30px;	
border: 1px solid black;
}

.test_showform td {border: 1px solid black;}

.test_showform span {	
margin-left: 50px;	color: #008b8b;	
font-weight: bold;
}

#test_check {margin-left: 250px;}

.test_result {width: 590px;}

.test_result th {	
width: 30px;	
border: 1px solid black;
}

.test_result td {border: 1px solid black;}

#notice {	
padding: 0px;	
width: 635px;	
margin-bottom: 10px;
}

#notice table {width: 100%;}

#notice td {	
background-color: #FFFF90;	
border-bottom: #008B8B solid 1px;
}

#notice p {	
margin: 10px;	
font-size: 12px;	
font-family: verdana;	
text-indent: 0px;
}

h3 {	text-align: center;	
color: #006B6B;
}

#cap {	
background: url(../images/gradient.gif);	
padding: 2px;	
border-top: #008B8B solid 1px;
}

#right a.top_menu {	display: inline;	
text-decoration: none;	
color: #696969;	
font-weight: normal;	
padding: 0px 10px 0px 40px;	
margin-bottom: 20px;	
background: url(../images/bullet1.gif) no-repeat 20px 5px transparent;
}

#right a.top_menu:hover {	
background: url(../images/bullet2.gif) no-repeat 20px 5px transparent;	
color: #0bc01f;	
text-decoration: underline;
}

#right a.close {	
display: block;	
text-decoration: none;	
color: red;	
font-weight: bold;	
margin: 0px 10px 10px 10px;	
float: right;
}

#cost {	
background-color: #FFFF90;	
width: 340px;
}

.studentsData {	
border: 1px solid black;	
background-color: #eef3ef;	
align: left;	
width: 100%;
font-family: arial;
}

caption {text-align: center;}

#phones {
width: 300px;
margin-left: 30px;
}