﻿body {background: #1099C1;}
body .body-bg01 {background: #45C8EF url(../images/body-bg.gif) repeat-y left top; min-width: 1000px; width: expression(document.body.clientWidth>1000?"100%":"1000px");}
body .body-bg02 {background: url(../images/ftr-bg.gif) repeat-x left bottom; min-width: 1000px; width: expression(document.body.clientWidth>1000?"100%":"1000px");}
body, td {padding: 0px; margin: 0px; font-family: trebuchet MS; font-size: 11px; color: #155466;}
form, div {padding: 0px; margin: 0px;}
p {padding-top: 0px; margin-top: 0px; margin-bottom: 12px;}
img {border: 0px;}

.input {font-family: trebuchet MS; font-size: 11px; padding: 0px; color: #000000; border: 1px solid #45C8EF;}
/* .button {font-family: arial; color: #FFFFFF; font-weight: bold; font-size: 11px; background: #203C96; border: 0px solid;} */

a {text-decoration: underline; color: #155466;}
a:hover {text-decoration: none;}

.clear {clear: both; height: 1px; display: block;}

h1 {line-height: 100%; font-size: 14px; float: left;}
h1 a {margin: 0px; padding: 0px; position: absolute; top: 35px; left: 0px; display: block; width: 203px; height: 267px; background: url(../images/logo.gif) no-repeat left top; text-indent: -9999px; text-decoration: none;}
h2 {margin: 0px 0px 15px 0px; padding: 0px; line-height: 100%; color: #000FFF; font-size: 12px; font-weight: bold; text-transform:uppercase;}

#top {background: url(../images/top-bg.gif) repeat-x left top; height: 340px;}

#splash {display: block; position: absolute; width: 585px; height: 267px; top: 35px; left: 214px; background: url(../images/splash.jpg) no-repeat left top;}

#icos {margin: 11px 0px 0px 64px; padding: 0px; top: 0px; left: 0px; position: absolute;}
#icos li {margin: 0px; padding: 0px; display: inline; list-style: none;}
#icos li a {display: block; float: left; width: 16px; height: 13px; background: no-repeat center; text-indent: -9999px;}
#icos li a.home {background-image: url(../images/ico-home.gif); margin-right: 28px;}
#icos li a.mail {background-image: url(../images/ico-mail.gif);}

#submenu {margin: 0px; padding: 0px; position: absolute; top: 302px; left: 0px; width: 799px; height: 29px;}
#submenu li {margin: 0px; padding: 0px; display: inline; list-style: none;}
#submenu a {margin-left: 10px; float: right; display: block; color: #FFFFFF; font-size: 17px; font-weight: bold; text-decoration: none;}
#submenu a:hover {padding-top: 4px;}
#submenu span {display: block; background: no-repeat 7px 6px;}
#submenu span span {display: block; background: no-repeat left bottom;}
#submenu span span span {display: block; background: no-repeat right bottom; padding: 0px 10px 0px 30px; line-height: 29px;}

#submenu .item01 a {background: #E13034 url(../images/smenu-bg01.gif) repeat-x left top;}
#submenu .item01 span {background-image: url(../images/smenu-ico01.gif);}
#submenu .item01 span span {background-image: url(../images/smenu-crn01-bl.gif);}
#submenu .item01 span span span {background-image: url(../images/smenu-crn01-br.gif);}

#submenu .item02 a {background: #16AFDC url(../images/smenu-bg02.gif) repeat-x left top;}
#submenu .item02 span {background-image: url(../images/smenu-ico02.gif);}
#submenu .item02 span span {background-image: url(../images/smenu-crn02-bl.gif);}
#submenu .item02 span span span {background-image: url(../images/smenu-crn02-br.gif);}

#submenu .item03 a {background: #50AA6F url(../images/smenu-bg03.gif) repeat-x left top;}
#submenu .item03 span {background-image: url(../images/smenu-ico03.gif);}
#submenu .item03 span span {background-image: url(../images/smenu-crn03-bl.gif);}
#submenu .item03 span span span {background-image: url(../images/smenu-crn03-br.gif);}


#mmenu {margin: 0px; padding: 0px; position: absolute; left: 808px; top: 0px;}
#mmenu h2 {margin: 0px 0px 7px 0px; padding: 0px; font-size: 17px; width: 190px; color: #FFFFFF; background: url(../images/mmenu-hdr-bg.gif) repeat-x left top;}
#mmenu h2 span {display: block; background: url(../images/mmenu-hdr-crn-br.gif) no-repeat right bottom;}
#mmenu h2 span span {display: block; background: url(../images/mmenu-hdr-crn-bl.gif) no-repeat left bottom;}
#mmenu h2 span span span {display: block; margin: 0px 12px; line-height: 29px; background: url(../images/mmenu-hdr-ico.gif) no-repeat right center;}

#mmenu ul {margin: 0px; padding: 10px 5px 100px 5px; background: url(../images/mmenu-bg.gif) no-repeat left bottom;}
/*
#mmenu li {margin: 0px; padding: 0px; display: inline; clear: both; list-style: none;}
#mmenu a {margin: 0px; display: block; clear: both; background: #6AD3F2; font-weight: bold; color: #065F79; border-top: 2px solid #6AD3F2; border-bottom: 2px solid #6AD3F2;}
#mmenu a:hover, #mmenu a.selected {background: #A6E5F7 url(../images/bul01.gif) no-repeat right center; text-decoration: none;}
*/


#mmenu a span {display: block !important; padding: 3px 10px;}

#mmenu .crn-tl {background: #6AD3F2 url(../images/mmenu-crn-tl.gif) no-repeat left top;}
#mmenu .crn-tr {background: url(../images/mmenu-crn-tr.gif) no-repeat right top;}

#body {background: #F4F6F7; width: 799px; clear: both; margin-bottom: 20px; float: left;}
#body .crn-tr {background: url(../images/body-crn-tr.gif) no-repeat right top;}
#body .crn-br {background: url(../images/body-crn-br.gif) no-repeat right bottom;}
#body .body-cont {min-height: 300px; _height: 300px; padding: 25px 30px;}

#body .splash {padding: 0px 0px 10px 0px;}
#body .splash .l-col {float: left; width: 213px; margin-right: 20px;}
#body .splash .r-col {float: left; width: 547px;}
#body .splash .introtext {margin: 20px 0px 20px 0px;}

#ftrcontacts {float: left; width: 195px; height: 200px; margin: -200px 0px 0px 800px; _margin-left: 400px; background: url(../images/phone.gif) no-repeat right bottom;}
#ftrcontacts p {padding: 95px 0px 0px 18px; margin: 0px; font-size: 11px; color: #FFFFFF; font-weight: bold; line-height: 150%;}
#ftrcontacts a {color: #FFFFFF; text-decoration: underline;}
#ftrcontacts a:hover {text-decoration: none;}

#measures {margin: 0px; padding: 0px; background: url(../images/measure-hdr-bg.gif) no-repeat left top;}
#measures .item {padding: 0px 9px 15px 9px; margin-bottom: 10px; border-bottom: 1px solid #D8E7F1;}
#measures .last-child {border: 0px;}
#measures h2 {line-height: 100%; margin: 0px; padding: 17px 0px 30px 38px; color: #FFFFFF; font-size: 17px; font-weight: bold;}
#measures p {margin: 0px; padding: 0px;}
#measures p.image a {display: block; width: 194px; height: 50px; background: url(../images/measure-img-bg.gif) no-repeat;}
#measures p.image img {margin: 7px;}
#measures p.date {padding: 0px 12px; font-weight: bold; color: #E13034;}
#measures p.date a {color: #E13034; text-decoration: underline;}
#measures p.date a:hover {text-decoration: none;}
#measures p.text {padding: 0px 12px;}
#measures p.text a {text-decoration: none;}
#measures p.text a:hover {text-decoration: underline;}

#newsline {background: #D8E7F1; clear: both; margin-bottom: 20px;}
#newsline .crn-tl {background: url(../images/dot01.gif) no-repeat left top;}
#newsline .crn-tr {background: url(../images/dot01.gif) no-repeat right top;}
#newsline .crn-bl {background: url(../images/dot01.gif) no-repeat left bottom;}
#newsline .crn-br {background: url(../images/dot01.gif) no-repeat right bottom;  padding: 1px;}
#newsline .container {padding: 20px 0px 13px 20px; clear: both; background: #F4F6F7 url(../images/newsline-bg.gif) no-repeat right bottom;}
#newsline .item {float: left; width: 160px; margin: 0px 15px 10px 0px;}
#newsline .itemUno {float:inherit ; margin: 0px 15px 10px 0px;}
#newsline h3 {margin: 0px 0px 4px 0px; padding: 0px; line-height: 100%; font-size: 11px; color: #000000;}
#newsline p {margin: 0px 0px 3px 0px; padding: 0px;}
#newsline p.date {color: #017DA1; font-weight: bold; text-decoration: underline;}
#newsline p.header {line-height: 165%; font-size: 11px; color: #000000;}
#newsline p.header a, #newsline h3 a {text-decoration: none; color: #000000;}
#newsline p.header a:hover, #newsline h3 a:hover {text-decoration: underline;}
#newsline a.link {display: block; float: right; margin-right: 15px; _margin-right: 7px; font-weight: bold; color: #017DA1;}

.form {margin-bottom: 50px; width: 53%; background: #45C8EF; clear: both; margin-top: 30px;}
.form .bg {background: #F4F6F7 url(../images/form-bg.gif) repeat-x left bottom;}
.form .crn-tl {background: url(../images/dot01.gif) no-repeat left top !important;}
.form .crn-tr {background: url(../images/dot01.gif) no-repeat right top !important;}
.form .crn-bl {background: url(../images/dot01.gif) no-repeat left bottom !important;}
.form .crn-br {background: url(../images/dot01.gif) no-repeat right bottom !important; padding: 1px;}
.form form {margin: 20px; clear: both;}
.form label {width: 25%; float: left; color: #017DA1; font-weight: bold; text-align: right; margin-right: 20px; padding-top: 2px;}
.form .row {margin-bottom: 11px;}
.form .input {width: 55%; float: left; margin: 0px;}
.form .submit {margin-left: -3px; position: relative;}

#contacts .maps {width: 160px; float: left; margin-right: 25px; color: #017DA1; font-family: arial;}
#contacts .maps p {clear: both; margin-bottom: 5px;}
#contacts .maps a {display: block; color: #017DA1; clear: both; margin-bottom: 20px; font-weight: bold;}
#contacts .maps a.map {float: left; padding: 1px; border: 1px solid #45C8EF; margin-bottom: 13px;}
#contacts .info {width: 540px; float: left;}
#contacts .form {width: 80%; }
#contacts .form label {width: 30%;}
#contacts .form .input {width: 62%;}

.base {background: #A6E5F7 url(../images/bul01.gif) no-repeat right center; text-decoration: none; }

