*{margin:0;padding:0}
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}
* html .clear {height: 1%;clear:both}
.clear {display: block}
*>.clear{overflow:hidden}


img,fieldset{border:0}
body{margin: 0px; padding: 0px}
a{color:#3b378a;text-decoration:none}
a:hover{text-decoration:underline}
p{text-indent:40px}

.tel {font-weight: 770; top: 10px; right: 15px;  font-size: 20px; color:#0093DD;}

#page{width:1000px;height:auto !important;min-height:100%;height:100%; margin:0 auto; padding: 0px; background-image: url(img/top.gif); background-repeat: repeat-x; border-top: 1px solid white;}

#top {width:1000px; height: 212px;  margin:0 auto; background-color: blue; margin-top: 51px; background-image: url(img/topper.jpg); background-repeat: no-repeat;}

#logo {position: relative; top: 43px; left: 16px;}

#logo img {border: none}

#intro {position: relative; width: 260px; display: block; top: 75px; left: 29px; color: black; font-size:11px ; font-family: arial, times new roman, arial, tahoma, verdana;}

#intro p {text-indent: 0px; margin-bottom: 10px; margin-top: 0px; text-align: justify;}


#left {width: 290px; background-color: #D8E4ED; height: auto; float: left; margin-right: 10px; margin-top: 10px; border-top: 6px solid #7A7A78}

#right {width: 700px;  background-image: url(img/right.gif); background-repeat: repeat-x;border-top: 6px solid #7A7A78; margin-left: 300px; margin-top: 10px;}

* html #right {width: 696px;} 

#top_menu {height: 30px; margin-left: 25px; margin-top: 5px}

#top_menu ul {display: inline;}

#top_menu li {display: inline; float: left; padding-right: 15px; margin-left: 20px; background-image: url(img/strela.gif); background-position: top right; background-repeat: no-repeat}

#top_menu li a {font-size: 18px; font-family: arial, tahoma, verdana; color: #524E4A; text-decoration: underline}

#top_menu li a:hover {color: #0093DD}

#content {margin-left: 5px;  margin-right: 5px;  font-size: 16px; text-align: justify;font-family: arial narrow, tahoma, verdana; color: #373230; }

#content p {margin: 0px; margin-bottom: 10px; text-indent: 0px; text-align: left;}

#content span {border-bottom: 1px solid red;}

#content h1 {color: black; font-size: 18px; margin-top: 20px; margin-bottom: 10px;}

#news {margin-left: 25px;  margin-right: 5px; margin-top: 10px; font-size: 16px; text-align: justify;font-family: arial, tahoma, verdana; color: #373230;}

#news  h2 {color: black; font-size: 18px; margin-top: 20px; margin-bottom: 10px;font-family: arial narrow, tahoma, verdana;}

#news span {border-bottom: 1px solid #0093DD;}

.new {width: 200px; float: left; margin-right: 15px; font-size: 14px;}

.new div {color: #0093DD; clear: both}
.new p {text-indent: 0px; text-align: justify; color: #524E4A;}
.new a {text-decoration: underline; color: #0093DD;}

#footer {clear: both; background-image: url(img/footer.gif); background-color: white; background-position: left bottom; background-repeat: no-repeat; height: 90px; color: white; font-size: 14px}

#footer div {padding-top: 50px; width: 300px; padding-left: 25px; float: left}


#footer ul {display: inline;padding-top: 50px; padding-left: 30px; float: left}

#footer li {display: inline; float: left; padding-right: 10px; margin-left: 10px; background-image: url(img/strict.gif); background-position: top right; background-repeat: no-repeat}

#footer li a {font-size: 14px; font-family: arial, tahoma, verdana; color: white; text-decoration: underline}

#footer li a:hover {color: black}

#menu {background-color: white; font-size: 20px; text-align: justify;font-family: arial narrow, tahoma, verdana; color: #373230; }

#menu a {font-size: 17px; text-align: justify;font-family: arial, tahoma, verdana; color: #373230; text-decoration: underline}

#menu ul {display: block;list-style: none; list-style-position: outside; padding-left: 40px; padding-top: 30px}

#menu li {background-image: url(img/arrow.gif); display: block; padding-left: 23px; background-position: 0px 5px; background-repeat: no-repeat; margin-bottom: 30px; }

.workers {margin-top: 30px; padding-bottom: 15px; margin-left: 12px; width: 270px}

.workers span {color:#0093DD; clear: both;  margin-bottom: 15px}

.workers p {text-indent: 0px; }

.workers a img {border: 2px solid #0093DD; margin: 5px; float: left; text-decoration: none}

#contacts {background-image: url(img/contacts.gif); background-repeat: no-repeat; background-position: top left; padding-top: 15px; padding-bottom: 20px;font-size: 20px; text-align: justify;font-family: arial narrow, tahoma, verdana; color: #373230; }

#contacts span {color: white; font-size: 25px;  padding-left: 100px}

#contacts div {margin-top: 30px; padding-bottom: 15px; margin-left: 43px; width: 220px; }

.works {width: 250px; margin-bottom: 10px; height: 70px;}
