img, div, input { behavior: url("/iepngfix.htc") }

.slogan {z-index: 10; position: absolute; top: 280px; left: 90px}
*html .slogan {z-index: 10; position: absolute; top: 280px; left: 90px}

.slogan1 {z-index: 10; position: absolute; top: 280px; left: 390px}
*html .slogan1 {z-index: 10; position: absolute; top: 280px; left: 390px}


.slogan2 {z-index: 10; position: absolute; top: 250px; left: 330px}
*html .slogan2 {z-index: 10; position: absolute; top: 250px; left: 330px}


.color-choose {
float: left;
width: 120px;
height: 105px;
margin: 0px 4% 10px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
.kera-color-choose {
float: left;
width: 120px;
height: 100px;
margin: 0px 4% 10px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
*html .color-choose {
float: left;
margin: 0px 2% 0px 0px;
padding: 0px 0px 8px 0px;
height: 87px;
}

*html .color-img {
border: 4px solid #ffffff;
width: 100px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}


.color-img {
/*border: 4px solid #ffffff;*/
height: 51px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}


.color-img1 {
height: 60px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}

*html .color-img1 {
border: 4px solid #ffffff;
width: 100px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}

*html .color-img2 {
border: 4px solid #ffffff;
width: 123px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}


.color-img2 {
/*border: 4px solid #ffffff;*/
height: 123px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px
}


.color-title {
padding: 11px 0px 0px 0px; text-align: center;
color: #ffffff;
clear: both;
}
.color-row {
clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
*html .color-row {
clear: both; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

.pagewidth {
background-color: #39a1a4;
width: 100%;
padding: 0px;
margin: 40px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
max-width: 1260px;
text-align: left;
}
.table-top {
width: 86%;
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
}

.table-top1 {
width: 86%;
padding: 50px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
}

*html .table-top1 {
width: 86%;
padding: 0px 0px 0px 0px;
}
.table-top1-div {
width: 100%; padding: 0px; margin: 0px;
}

.table-td {
margin: 0px;
padding: 0px 0px 20px 0px;
width: 80%;
}
.logo {
float: left; width: 228px; height: 57px;
padding: 0px;
margin: 0px;
}
.top-menu {
float: right; padding: 0px 0px 0px 0px; margin: 0px; 
}
.top-menu ul {
float: left; padding: 17px 0px 0px 20px; margin: 0px; list-style-type: none;
}
.top-menu ul li {
float: left; padding: 0px 15px 0px 0px; margin: 0px;
list-style-type: none;
}
.top-menu li a:link {
font: normal 18px Arial;
color: #000000;
text-decoration: underline;
}
.top-menu li a:active {
font: normal 18px Arial;
color: #000000;
text-decoration: underline;
}
.top-menu li a:visited {
font: normal 18px Arial;
color: #000000;
text-decoration: underline;
}
.top-menu li a:hover {
font: normal 18px Arial;
color: #000000;
text-decoration: underline;
}
.table-td2 {
width: 100%;
padding: 0px 20px 0px 0px;
margin: 0px;
}
.table-td3 {
float: left;
width: 100%;
}

.big-image {
background-image: url(image.jpg); background-repeat: no-repeat; width: 99,5%; height: 300px; border: 7px solid #ffffff;
}

*html .big-image {
background-image: url(image.jpg); background-repeat: no-repeat; width: 100%; height: 314px; border: 7px solid #ffffff;
}

.table-td4 {

padding: 0px 0px 0px 20px;
margin: 0px;
}
.table-content {
padding: 40px 0px 0px 0px;
margin: 0px 0px 40px 0px;
margin-left: auto;
margin-right: auto;
width: 90%;
clear: both;
padding-top: 4px;
}

*html .table-content {
padding: 0px 0px 0px 0px;
margin: 40px 0px 40px 0px;
margin-left: auto;
margin-right: auto;
width: 90%;
clear: both;
}

.content1 {
padding: 0px 20px 0px 24px;
margin: 0px 0px 0px 0px;
vertical-align: top;
width: 230px;
text-align: left;
}

.content2 {
width: 52%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
font: normal 14px Arial;
color: #000000;
line-height: 19px;
}
.content3 {
padding: 0px 0px 0px 35px;
margin: 0px 0px 0px 0px;
vertical-align: top;
width: 265px;
}
.content4 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.content5 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.frames {
padding: 0px;
margin: 0px 0px 40px 0px;
}
.frame {
padding: 9px 0px 0px 16px; 
margin: 0px; 
background-color: #1e7fd1;
width: 205px;
height: 49px;
border: 7px solid #ffffff;
}
*html .frame {
padding: 9px 0px 0px 16px; 
margin: 0px; 
background-color: #1e7fd1;
width: 236px;
height: 49px;
border: 7px solid #ffffff;
}
.frame2 {
padding: 22px 0px 0px 16px; 
margin: 10px 0px 0px 0px; 
background-color: #1e7fd1;
width: 205px;
height: 36px;
border: 7px solid #ffffff;
}
*html .frame2 {
padding: 22px 0px 0px 16px; 
margin: 10px 0px 0px 0px; 
background-color: #1e7fd1;
width: 236px;
height: 36px;
border: 7px solid #ffffff;
}
.frames a:link {
font: bold 17px Arial;
color: #ffffff;
text-decoration: none;
}
.frames a:active {
font: bold 17px Arial;
color: #ffffff;
text-decoration: none;
}
.frames a:visited {
font: bold 17px Arial;
color: #ffffff;
text-decoration: none;
}
.frames a:hover {
font: bold 17px Arial;
color: #ffffff;
text-decoration: none;
}
.contacts-title {
font: bold 14px Arial;
color: #333333;
padding-bottom: 3px;
}
.contacts {
font: normal 12px Arial;
color: #262626;
}
.phone {
font: normal 13px Arial;
color: #262626;
}
.phone span {
font: normal 11px Arial;
color: #ffffff;
}
.phone2 {
font: normal 13px Arial;
color: #262626;
padding-top: 10px;
}
.phone2 span {
font: normal 11px Arial;
color: #ffffff;
}
.plan {
padding-top: 10px;
}
.plan a:link {
font: normal 12px Arial;
color: #ffffff;
text-decoration: underline;
}
.plan a:active {
font: normal 12px Arial;
color: #ffffff;
text-decoration: underline;
}
.plan a:visited {
font: normal 12px Arial;
color: #ffffff;
text-decoration: underline;
}
.plan a:hover {
font: normal 12px Arial;
color: #ffffff;
text-decoration: underline;
}
.content2-title {
font: normal 20px Arial;
color: #000000;
padding: 0px 0px 0px 0px;
}
.map {
padding: 20px 0px 15px 0px;
margin: 0px;
}
.map-content {
font: normal 13px Arial;
color: #ffffff;
}
.colors {
padding: 60px 0px 10px 0px;
margin: 0px;
}
.colors-content {
font: normal 13px Arial;
color: #ffffff;
}
.colors-content a:link {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.colors-content a:active {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.colors-content a:visited {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.colors-content a:hover {
font: normal 13px Arial;
color: #ffffff;
text-decoration: none;
}
.projects-title {
padding: 30px 0px 10px 0px;
margin: 0px;
}
.projects-title a:link {
font: normal 18px Arial;
color: #333333;
text-decoration: underline;
}
.projects-title a:active {
font: normal 18px Arial;
color: #333333;
text-decoration: underline;
}
.projects-title a:visited {
font: normal 18px Arial;
color: #333333;
text-decoration: underline;
}
.projects-title a:hover {
font: normal 18px Arial;
color: #333333;
text-decoration: underline;
}
.projects-img {
float: left;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
height: 127px;
}

* html .projects-img {
float: left;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}


.projects-img10 {
float: left;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}

* html .projects-img10 {
float: left;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}








.footer {
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 90%;
}
.footer-td {
padding: 0px;
margin: 0px;
width: 2%;
}
.footer-td2 {
width: 85%;
padding: 0px 0px 30px 0px;
margin: 0px;
border-top: 1px solid #73cacc;
}
.footer-content {
padding:10px 0px 3px 0px;
margin: 0px;
font: normal 12px Arial;
color: #ffffff;
line-height: 17px;
}
.links a:link {
font: normal 14px Arial;
color: #ffffff;
text-decoration: underline;
}
.links a:active {
font: normal 14px Arial;
color: #ffffff;
text-decoration: underline;
}
.links a:visited {
font: normal 14px Arial;
color: #ffffff;
text-decoration: underline;
}
.links a:hover {
font: normal 14px Arial;
color: #ffffff;
text-decoration: underline;
}

.map-content1 {
font: italic 13px Arial;
color: #000000;
}
.map-content2 {
font: normal 14px Arial;
color: #FFFFFF;
}

.map-content a:link {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.map-content a:active {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.map-content a:visited {
font: normal 13px Arial;
color: #ffffff;
text-decoration: underline;
}
.map-content a:hover {
font: normal 13px Arial;
color: #ffffff;
text-decoration: none;
}


.projects-img1 {
border: 4px solid #ffffff;
width: 255px;
margin-top: 10px;
}
.projects-img2 {
border: 4px solid #ffffff;
width: 253px;
margin-top: 10px;
}
.projects-img3 {
border: 4px solid #ffffff;
width: 100px;
}
.projects-img4 {
float:left;
clear:none;
width: 120px;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}
.projects-img5 {
float:left;
width: 120px;
border: 4px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}
.projects-img6 {
border: 6px solid #ffffff;
margin: 0px 1% 5px 0px;
padding: 0px;
}
.projects-img21 {
border: 4px solid #ffffff;
width: 441px;
height: 276;
margin-top: 10px;
}
.projects-img22 {
border: 4px solid #ffffff;
width: 353px;
height: 248;
margin-top: 10px;
}

*html .projects-img21 {
border: 4px solid #ffffff;
width: 441px;
height: 276;
margin-top: 10px;
}
*html .projects-img22 {
border: 4px solid #ffffff;
width: 253px;
height: 246;
margin-top: 10px;
}

a { 
color:white;
text-decoration:underline;	
}
H1 { font-weight: bold; font-size: 14pt; color: #000000; line-height: 20px; }
H2 { font-weight: bold; font-size: 12pt; text-decoration: underline; }
H3 { font-weight: bold; font-size: 11pt; margin-top: 20px; }
h4 {padding: 0; margin: 0;}

.prod strong {
	color: #FFFFFF;
}
.mainprod {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}


.right_block a {
	font: 13px Arial;

}