<!DOCTYPE html>
<html>
<body><p>* {
margin : 0;
padding : 0;
}
img {
border : 0;
vertical-align : top;
}
table, td {
border-collapse : collapse;
}
body {
color : #292727;
line-height : normal;
}

#header {
background-image : url("/assets/img/header.jpg");
width : 1200px;
height : 280px;
}
#menu_bottom{
width : 1200px;
height: 20px;
border:1px solid #0066FF;
}
.btn_bottom {
display : block;
float : left;
width : 150px;
height : 20px;
color : #0066FF;
font : 14px tahoma;
font-weight : 900;
}
.btn_bottom:hover {
text-decoration:none;
color:black;
}
#menu {
overflow:hidden;
background-image : url("/assets/img/bg_menu.png");
width : 1200px;
height : 65px;
padding-left : 0px;
}
.btn {
display : block;
float : left;
background-image : url("/assets/img/btn_menu.png");
background-repeat: no-repeat;
width : 200px;
height : 65px;
text-decoration : none;
}
.btn_text {
text-decoration : none;
text-align : center;
padding : 0px;
display : block;
color : white;
font : 14px tahoma;
font-weight : 900;
}
a.btn_text{
padding-top:15px;
}
.btn:hover {
background-image : url("/assets/img/btn_active.png");
color:black;
}

#wrapper {
min-height : 600px;
}
#page {
width : 1200px;
min-height : 600px;
border-left : 1px dotted #ccc;
border-right : 1px dotted #ccc;
}
#footer {
width : 1200px;
height : 55px;
background-image : url("/assets/img/bg_menu.png");
border-left : 1px dotted #ccc;
border-right : 1px dotted #ccc;
color : white;
}
.clear {
display : block;
float : none;
width : 100%;
height : 1px;
clear : both;
}
#top_middle {
display : block;
float : left;
width : 830px;
text-align : left;
padding : 0px;
}
#top_middle p {
font : 18px tahoma;
color : #636563;
padding-top : 2px;
margin-left : 0;
text-align : justify;
}
#top_middle ul li {
font : 11px tahoma;
color : #636563;
padding-top : 10px;
margin-left : 0;
text-align : justify;
}
p + p {
text-indent : 1.5em;
margin-top : 0;
}

h1, h2 {
display : block;
font : 18px tahoma;
color : #636563;
padding-left : 10px;
margin-top : 10px;
background-image : url('/assets/img/h1.jpg');
background-repeat : no-repeat;
}
h3 {
display : inline;
font : 18px tahoma;
color : #636563;
}
a.h3a:hover {
font : 11px tahoma;
color : darkorange;
text-decoration: none;
}
a.h3a {
font : 11px tahoma;
color : #10a6d6;
}


.hr {
clear : both;
float : none;
width : 100%;
height : 1px;
background-image : url('/assets/img/hr.jpg');
margin-top : 10px;
}
#partners {
width : 320px;
float : left;
text-align : left;
padding : 10px;
padding-right: 10px;
}
.partner {
align:center;
padding-top : 35px;
border-right : 1px dotted #ccc;
}

.partner img {
padding-left:50px;
width: 220px;
display : inline;
float : none;
margin-right : 10px;
}
.partner2 img {
padding-left:30px;
width: 110px;
display : inline;
float : noneg;
margin-right : 10px;
}
.partner p {
color : #636563;
font : 11px tahoma;
text-align : justify;
margin : 10px;
}
.partner a {
font : 11px tahoma;
color : #10a6d6;
float : left;
padding-left : 10px;
}
.partner a:hover {
font : 11px tahoma;
color : darkorange;
text-decoration:none;
float : left;
padding-left : 10px;
}
h4 {
display : inline;
color : #636563;
font : 11px tahoma;
font-weight : 900;
padding-top : 10px;
}
#news {
width : 370px;
float : left;
text-align : left;
padding : 10px;
background-color : #e7f3ff;
margin : 10px;
padding : 10px;
}
#articles {
width : 370px;
float : left;
text-align : left;
padding : 10px;
background-color : #e7f3ff;
margin : 10px;
padding : 10px;
}
.news_data {
font : 11px tahoma;
color : #9c9a9c;
}
.news_title {
font : 11px tahoma;
color : #10a6d6;
}
.news_text {
font : 11px tahoma;
color : #636563;
padding-top : 10px;
}
#copyright {
float : left;
width : 500px;
padding : 10px;
text-align : left;
font : 11px tahoma;
}
.news a {
color : #10a6d6;
}
.news a:hover {
color : darkorange;
text-decoration:none;
}
/* ????? ???????? ????? */

#formpage{
width: 600px;
text-align: left;
border: 1px solid #CCC;
color: #030;
font: 12px tahoma, verdana;
background: whiteSmoke;
}

form#contactForm fieldset {
	padding: 10px 20px 20px 20px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	width: 400px;
	text-align: left;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
	-webkit-box-shadow: 0px 2px 10px #d3d3d3; 
	box-shadow: 0px 0px 10px #d3d3d3; 
}

form#contactForm input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 0 0;
	padding: 2px; 
	width: 180px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#contactForm textarea {
	width: 300px; 
	height: 150px;
}

form#contactForm label {
	display: block;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
}

.error {
	width: 250px;
	margin: 0px;
	padding: 0px;
	display: block;
	color: #cf0101;                              
	font-size: 13px; 
	text-align: right;
}

form#contactForm .placeholder {
	color: #aaa;
}

form#contactForm .button {
	display: inline-block;
	margin: 15px 0 0 10px;
	padding: 5px 15px 5px 15px;
	background-color: #ff9e00;
	border: none;
	color: #fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

form#contactForm .button:hover {
	background-color: #fc8500;
	cursor: pointer;
}

form#contactForm .button:active {
	margin-top: 16px;
	background-color: #f08004;
	cursor: pointer;
}


</p></body>
</html>