﻿* {margin: 0; padding: 0;}
body {font-family: Tahoma, Verdana; font-size: 12px; margin: 0; padding: 0;}

.index {background: #f8f8f8 url(img/bg-head.png) repeat-x;}
.page {background: #f8f8f8 url(img/head-page-bg.png) repeat-x;}

a { font-size:12px; font-family:Tahoma; color:#003c6a;}
a:hover {text-decoration:none;}

p {font-size:12px; font-family:Tahoma; color:#000000;}
li {font:12px Tahoma; line-height:1.5;}
h1 {font-size:30px; font-family:Arial; font-weight:bold; color:#4b4b4b; margin-top:15px;}
h3 {font-size:22px; font-family:Arial; color:#4b4b4b; margin-left:0; margin-top:20px;}
img {border:0;}
.clear {clear:both;}

.head { width: 1000px; height:540px; margin:0 auto; }
.head-page { width: 1000px; height:108px; margin:0 auto; }

#logo { width: 350px; height: 90px;  float:left; margin-left: 50px;}
#logo-page { width: 350px; height: 90px;  float:left; margin-left: 10px;}
#menu { width: 485px; height: 25px; float:right; margin-top: 45px;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {display: inline; float:left; margin-right:35px;}
#menu ul li a {color:#fff; font-size:17px; font-family: Arial; text-transform:uppercase;}
#menu ul li a:hover{color:#fff; font-size:17px; font-family: Arial; text-decoration:none;}

#slider-content {width:1000px; height:390px; background: url(img/sliderbg.png) no-repeat center center; margin-top:30px;}

#content {width: 1000px; height: 746px; margin-top:30px; margin:0 auto;}

#uslugi {width: 1000px; height: 317px; margin-top: 38px;}
#uslugi .uslugi-content {width:230px; height:320px; float:left; padding-right:8px; margin-right:8px; border-right:1px solid #d9d9d9;}
#uslugi .uslugi-content:last-child {border-right:none;}
#uslugi .uslugi-content .tokar {text-align:center; height:78px;}
#uslugi .uslugi-content .uslugi-text1 {margin-left:25px; margin-top:38px;}
#uslugi .uslugi-content .uslugi-text1 a {color:#4b4b4b; font-size:16px; font-family:Arial; font-weight:bold;}
#uslugi .uslugi-content .uslugi-text2 {padding:0; margin:0;}
#uslugi .uslugi-content .uslugi-text2 ul {list-style:none; padding:0; margin:20px 0 0 25px;    }
#uslugi .uslugi-content .uslugi-text2 ul li {line-height:1.5; color:#4b4b4b; margin-bottom:15px; font-family:Tahoma; font-size:12px;}

.wraper {width:1000px; height:362px; margin-top:45px;} 
.wraper .photo {width:670px; height:326px; float:left;}
.wraper .photo .rabotu {width:318px; height:30px; font-size:28px; font-family:Arial; color: #4b4b4b; margin-left:25px;}
.wraper .photo .gallery  {width:645px; height: 235px; margin:25px 0 0 25px; }
.wraper .photo .gallery  .photo {width: 156px; height:107px; background: url(img/bg-photo.png); float:left; margin-right:5px; margin-bottom:20px;}
.wraper .photo .gallery  .photo img {margin:1px 2px 4px 3px;}
.wraper .photo .gallery .link-gallery {margin-top:20px;}
.wraper .photo .gallery .link-gallery a { font-size:12px; font-family:Tahoma; color:#003c6a;}
.wraper .photo .gallery .link-gallery a:hover {text-decoration:none;}

.wraper .adres {width:315px; height:323px; background: #f3f3f3; border-radius:10px; float:left; margin-left:10px;}
.wraper .adres .content {width:286px; height:286px; margin: 20px 15px 20px 15px;}
.wraper .adres .content .zagolovok {width:193px; height:22px; font-size:20px; font-family:Arial; color:#4b4b4b; margin-bottom:10px;}
.wraper .adres .content .adres-text { font-size:12px; font-family:Tahoma; color:#848484;}
.wraper .adres .content .tel-bg {background:url(img/bg-tel.png); float:left; margin:20px 0 10px 0; width:286px; height:13px; font-size:12px; font-family:Tahoma; color:#848484;}
.wraper .adres .content .telefonu {width:235px; height:65px; float:left; font-size:30px; font-family:Arial; color:#4b4b4b;}
.wraper .adres .content .karta {width:284px; height:83px; float:left;}

.footer {width:100%; height:63px; background: url(img/footer-bg.png) repeat-x;}
.footer .footer-content {width:1000px; height:63px; margin:0 auto;}
.footer .footer-content .footer-text {float: left; width:180px; height:34px; font-size:12px; font-family:Tahoma; color:#fff; margin-left:20px; padding-top:10px; line-height:1.5;}
.footer .footer-content .copyright {height:34px; width:160px; font-size:12px; font-family:Tahoma; color:#fff;margin-right:20px; padding-top:10px; float:right; line-height:1.5; text-align:right;}
.footer .footer-content .copyright a {color:#fff;}
.footer .footer-content .copyright a:hover {text-decoration:none;}

.page .page-wrap {width: 1000px; margin:0 auto;}
.page .page-wrap .content-page .krohi {height:20px; margin:15px 0 0 0; font-size:12px; font-family:Tahoma; color:#949494;}
.page .page-wrap .content-page .gallery  {padding:0 0 15px 30px;}
.page .page-wrap .content-page .gallery .photo {width: 186px; height:137px; background: url(img/foto-bg-page.png); float:left; margin-right:15px; margin-bottom:20px;}
.page .page-wrap .content-page .gallery .photo img {margin:1px 2px 4px 3px;}

.content-page ul {margin:15px 0 15px 25px; padding:0;}
.content-page li {margin-bottom:10px; font-size:14px; font-family:arial; line-height:1.6;}

.page .page-wrap .content-page .krohi a {font-size:12px; font-family:Tahoma; color:#949494; text-decoration:underline;}
.page .page-wrap .content-page .krohi a:hover {text-decoration:none;}
.page .page-wrap .content-page {width:650px; float:left; margin-left:10px;}
.page .page-wrap .content-page .gallery {width:670px; height: 80px; margin:25px 0 0 0; }
.page .page-wrap .content-page .gallery .photo-page {width: 120px; height:80px; float:left; margin-right:10px;}
.page .page-wrap .content-page p {line-height:1.6; margin:6px 0 20px 0; font-size:14px; font-family:arial;}
.page .page-wrap .content-page .karta-kontakt {margin-top:20px;}

.page .page-wrap .sidebar {width:320px; height:500px; float:left; float:black; margin-left:20px;}
.page .page-wrap .sidebar .top {width:315px; height:220px;}
.page .page-wrap .sidebar .top .tokar-page {background: url(img/icon1.png) no-repeat;}
.page .page-wrap .sidebar .top .frezer-page {background: url(img/icon2.png) no-repeat;}
.page .page-wrap .sidebar .top .zuborez-page {background: url(img/icon3.png) no-repeat;}
.page .page-wrap .sidebar .top .metall-page {background: url(img/icon4.png) no-repeat;}
.page .page-wrap .sidebar .top ul {list-style:none; padding:0; margin:20px 0 0 15px;}
.page .page-wrap .sidebar .top ul li {height:30px; margin-bottom:15px;}
.page .page-wrap .sidebar .top ul li a {margin-left:30px; font-size:18px; font-family:Arial; text-decoration:underline; color:#003863;}
.page .page-wrap .sidebar .top ul li a:hover {text-decoration:none;}

.page .page-wrap .sidebar .adres {width:315px; height:323px; background: #f3f3f3; border-radius:10px; float:left; margin:40px 0 0 10px;}
.page .page-wrap .sidebar .adres .content {width:286px; height:286px; margin: 20px 15px 20px 15px;}
.page .page-wrap .sidebar .adres .content .zagolovok {width:193px; height:22px; float:left; font-size:20px; font-family:Arial; color:#4b4b4b; margin-bottom:10px;}
.page .page-wrap .sidebar .adres .content .adres-text {float:left; font-size:12px; font-family:Tahoma; color:#848484;}
.page .page-wrap .sidebar .adres .content .tel-bg {background:url(img/bg-tel.png); float:left; margin:20px 0 10px 0; width:286px; height:13px; font-size:12px; font-family:Tahoma; color:#848484;}
.page .page-wrap .sidebar .adres .content .telefonu {width:235px; height:65px; float:left; font-size:30px; font-family:Arial; color:#4b4b4b;}
.page .page-wrap .sidebar .adres .content .karta {width:284px; height:83px; float:left;}

#gallery ul {list-style:none; padding:0; margin:20px 0 0 0;}
#gallery li {width:200px; margin:0 15px 15px 0; padding:0; float:left; display:inline-block;}

