body {
margin: 0;
padding: 0;
background-color: #ffffff;
color: #000;
text-align: center;
font-family: Tahoma;
font-size: 12px;
}
html,body {
height: 100%;
}
img {
border: none;
}
h1 {
font-family: tahoma;
color: black;
margin-left: 20px;
}
h2, h3, h4, h5, h6 {
font-family: tahoma;
color: #b12931;
margin: 20px;
}
p {
font-family: Tahoma;
font-size: 14px;
margin-left: 20px;
}
.forh{
min-height:100%;
max-width: 1002px;
margin: 0;
margin: 0 auto 0 auto;
text-align: left;
background: url(images/bg-main.bmp) repeat-x top #eff2e6;
}
* html .forh{
height:100%;
}
.top0 {
width: 100%;
min-height: 100px;
position: relative;
}
.top1 {
width: 100%;
height: 412px;
position: relative;
background: url(images/man.png) no-repeat bottom;
}
.top2 {
width: 100%;
height: 469px;
position: relative;
background: url(images/topris.jpg) no-repeat bottom;
}
.top1 div {
width: 600px;
height: 59px;
position: absolute;
right: 43px;
top: 60;
}
.top1 .div1 {
width: 368px;
height: 184px;
background: url(images/top1.jpg) no-repeat;
position: absolute;
left: 0;
top: 284px;
z-index: 1;
}
.top1 h1 {
position: absolute;
margin: 0;
text-indent: -9999px;
overflow: hidden;
top: 51px;
left: 96px;
z-index: 2;
}
.top1 h1 a strong {
display: block;
width: 182px;
height: 49px;
background: url(images/logo.png) no-repeat;
cursor: pointer;
}
*html .top1 h1 a strong {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
}
.top1 h1 a {
display: block;
width: 182px;
height: 49px;
position: relative;
z-index: 20;
}
.top1 .ul1, .top1 .ul2 {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 320px;
left: 64px;
z-index: 3;
width: 175px;
overflow: hidden;
}
.top1 .ul1 li, .top1 .ul2 li {
margin-bottom: 8px;
}
.top1 .ul1 a, .top1 .ul2 a {
color: #bbb;
text-decoration: none;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.top1 .ul1 a:hover {
color: #fff;
}
.top1 .ul2 {
width: 255px;
left: 242px;
}
.top1 .ul2 a {
color: #ff9900;
}
.top1 .ul2 a:hover {
color: #febc0b;
}
.top1 .topmenu {
height: 44px;
width: 693px;
position: absolute;
z-index: 5;
top: 45px;
left: 309px;
margin: 0;
padding: 0;
list-style: none;
background: url(images/fontopmenu.jpg) repeat-x;
}
.top1 .topmenu li {
float: left;
position: relative;
}
.top1 .topmenu a {
display: block;
height: 44px;
color: #000;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
background: url(images/fontopa.jpg) no-repeat;
padding: 0 20px 0 20px;
display: table-cell;
vertical-align: middle;
}
*html .top1 .topmenu a {
height: 44px;
}
*html .top1 .topmenu a b {
position: relative;
top: 35%;
}
.top1 .topmenu a:hover {
color: #fff;
background: url(images/fontopaactiv.jpg) repeat-x;
}
.top1 .topmenu ul {
position: absolute;
width: 260px;
top: 44px;
left: -40px;
background: none;
z-index: 25;
visibility: hidden;
}
*html .top1 .topmenu ul {
width: 300px;
}
.top1 .topmenu ul li {
float: none;
display: block;
}
.top1 .topmenu ul li a {
background: url(images/fonpodmenu.jpg) repeat-x;
width: 100%;
display: block;
padding-top: 20px;
height: 24px;
}
*html .top1 .topmenu ul li a {
height: 44px;
}
.pusto {
clear: both;
height: 72px;
}
.pusto2 {
clear: both;
height: 15px;
}
.center {
background: url(images/fonrezina.jpg) repeat-y 0 469px;
min-height: 319px;
height: auto;
font-size: 11px;
line-height: 17px;
}
hr {color: gray}
.menu {
	FONT: bold 20px Arial,Helvetica,sans-serif; TEXT-ALIGN: center
}
.point {COLOR: #ffffff; FONT: bold 20px Arial,Helvetica,sans-serif; TEXT-ALIGN: center; background-position: center; background-repeat: no-repeat; BACKGROUND-IMAGE: url(images/menu.png); LINE-HEIGHT: 54px
}
.am {
	COLOR: #000000; FONT: bold 20px Arial,Helvetica,sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none;  LINE-HEIGHT: 54px
}
.am:hover {
	COLOR: #ffffff;
}
.works {
	FONT: bold 13px Arial,Helvetica,sans-serif; TEXT-ALIGN: left; color: blue
}
.works A {
	TEXT-DECORATION: underlined; color: blue
}
.works:hover A {
	TEXT-DECORATION: none; color: red
}


img,table,iframe {max-width:100%; height:auto;}


.form {width:50%;}
.fr {float:right;}
.top1 {width:405px; background-position:0 0}

@media (max-width:1001px) {
	.forh {padding:0 2%; overflow-x:hidden;}
	.am {font-size:16px;}
	.form > div {font-size:20px !important;}
	.top1 {width:50%; max-width:405px;}
	marquee {width:auto;}
}
@media (max-width:768px) {
	.form > div {font-size:18px !important;}
}

@media (max-width:650px) {

	.am {font-size:15px; font-weight:normal;}
}
@media (max-width:600px) {
	.fr {float:none;}
	.form, .top1 {width:auto; max-width:none;}
	.top1 {height:200px; background-size:102%; background-position:0 50%;}
	.callbck {width:auto !important;}
	
}

@media (max-width:520px) {
	.td0, .td1 {display:block; width:100%;}
	.td0 img {display:block; margin:0 auto;}
}

@media (max-width:420px) {
	.am {font-size:13px; line-height:38px;}
	.td1 > table tr {display:flex; flex-wrap:wrap; justify-content:center;}
	.td1 > table tr > td {width:auto; padding:0 5px;}
	.about {display:none;}
	.form {margin-top:20px;} 
	.form > div {font-size:16px !important;}
	.featme {margin:20px auto;}
	.featme td {display:block; width:auto; }
	.featme ul {margin:0;}
	.cntr {display:none;}
	.wrapper {overflow:hidden;}
	.wrapper img {margin:10px auto !important; height:auto !important;}
	/*.wrapper table td {padding:2px; border:1px solid #777; border-collapse:collapse;}*/
}