/* ------------MAIN----------- */


body {
    padding:0;
    margin:0;
    background:#FFF;
    }
P, H1 {
  margin: 0; 
  padding: 0;
}
H1 {
font-family: Tahoma;
color: #336699;
font-size: 17px;
}
a:link, a:visited {
font-weight: bold;
color:#336699;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

#header {
width: 100%;
height: 472px;
background: 
  url("img/bg-head.jpg")
  left top
  repeat-x; 


    }
#menu {
height: 69px;
background: 
  url("img/bg-menu.jpg")
  left top
  repeat-x; 
margin:0;
padding:0;
    }
#container {
    margin:10px 0 10px 280px;
    }
#container2 {
    margin:0 5% 0 5%; 
    }
#left {
    float:left;
    width:280px;
    padding-top: 55px;
    }
#content {
    float: left;
    width: 45%;
    margin:0 2% 0 2%; 
    padding:10px;
    padding-top: 50px;
    }
#right {
    float:right;
    width: 45%; 
    margin-right: 1%;
    margin-top: 55px;
    }
#content2 {
    margin:0 2% 0 2%; 
    padding-top: 50px;
    }
#block {
    clear:both;
    margin: 0;
    padding:0;
    padding-left: 5%;
    padding-right: 100px;
    padding-bottom: 20px;
    background: 
    url("img/bg-bl.jpg")
    right bottom
    no-repeat;
    }
#footer {
clear: both;
   height: 228px;
   padding-left: 1%;

background: 
  url("img/bg-footer.jpg")
  left top
  repeat-x;
    }
/* -----------END MAIN-------------- */


/* ----------------HEAD--------- */

.head-top { 

height: 200px;
padding-top: 35px;
padding-left: 67px;
}
.head-left {
float: left;
width: 298px;
height: 165px;
}
.logo {
float: left;
width: 298px;
height: 44px;
padding-top: 12px;
}
.head-tel {
float: left;
width: 298px;
height: 156px;
padding-left: 22px;
color: #635e59;
font-family: Tahoma;
font-weight: bold;
font-size: 21px;
}
.head-right {
float: right;
width: 500px;
height: 154px;
font-family: Verdana;
font-size: 14px;
color: #666666; 

}
.hd {
float: left;
width: 450px;
padding: 0;
padding-left: 15px;
padding-bottom: 2px;
background: 
  url("img/str.gif")
  no-repeat
  0 5px;
}
.hd a:link, .hd a:visited {
font-weight: bold;
color: #666666; 
text-decoration: underline;
}
.hd a:hover {
text-decoration: none;
}  
.hd2 {
float: left;
width: 450px;
padding: 0;
padding-left: 15px;
padding-top: 30px;
}
.hd3 {
float: left;
width: 450px;
padding: 0;
padding-left: 15px;
padding-bottom: 10px;
font-weight: bold;
color: #666666; 
}
.hd-t  {
color: #336699;
border-bottom: 1px #336699 dashed;
}
.hd-t u {
text-decoration: none;
color: #666666;
font-size: 24px;
}
.head-bot {


height: 237px;
background:
  url("img/bg-hb.jpg")
  center top
  no-repeat;
  margin: 0; 

text-align: center;
}

/* -----------------END HEAD------------- */

/* ---------------MENU--------------- */
.menu-l {
float: left;
width: 100%;
height: 69px;
background: 
  url("img/menu-l.jpg")
  left top
  no-repeat;
 }
.menu-r {
float: right;
width: 100%;
height: 69px;
background: 
  url("img/menu-r.jpg")
  right top
  no-repeat;

 }
.menu-f {
float: left;
width: 13%;
height: 69px;
padding-right: 1%;
text-align: right;
padding-top: 15px;

}
.menu-f:hover {
background: 
  url("img/menu-hover-l.jpg")
  left top
  repeat-x;
}
.menu-c {
float: left;
width: 11%;
height: 69px;
background: 
  url("img/menu-border.png")
  left top
  no-repeat;
padding-top: 15px;
padding-right: 1%;
text-align: right;
}
.menu-c:hover {
background: 
  url("img/menu-hover.jpg")
  left top
  repeat-x;
}
.menu-e {
float: left;
width: 13%;
height: 69px;
padding-top: 15px;
text-align: right;
padding-right: 1%;
background: 
  url("img/menu-border.png")
  left top
  no-repeat;
}
.menu-e:hover {
background: 
  url("img/menu-hover-r.jpg")
  right top
  repeat-x;
}
.menu-f a, .menu-c a, .menu-e a  {
color:#f3f3f3;
font-family: Tahoma;
font-size: 14px;
font-weight: normal;
text-decoration: none;


}
/* ---------------END MENU-------------- */
/* ---------------LEFT-------------- */
.col1-vag {

height: 60px;
padding-right: 82px;
text-align: right;
border-bottom: 1px dashed;
background: 
  url("img/vag.jpg")
  right top
  no-repeat;
}
.col1-t1 {

padding-top: 45px;
padding-bottom: 30px;
}
.col1-cl {
width: 280px;
background: #d8d8d8;
}
.col1-cl-l {
background: 
  url("img/cl-l.jpg")
  left top
  repeat-y;
}
.col1-cl-r {
background: 
  url("img/cl-r.jpg")
  right top
  repeat-y;
}
.col1-cl-t {
background: 
  url("img/cl-t.jpg")
  left top
  no-repeat;
}
.col1-cl-b {
background: 
  url("img/cl-b.jpg")
  left bottom
  no-repeat;
}
.col1-box {
width: 280px;
height: 226px;
background:
  url("img/box.jpg")
  left top
  no-repeat;
}
.col1-cl-text {
width: 270px;
padding-top: 5px;
padding-bottom: 2px;
margin-left: 10px;

}
.col1-cl-input3 {
width: 253px;
height: 33px;
margin-left: 10px;
background: 
  url("img/input3.gif")
  left top
  no-repeat;
}
.col1-cl-input {
width: 253px;
height: 33px;
margin-left: 10px;
background: 
  url("img/input.gif")
  left top
  no-repeat;
}
.col1-cl-input2 {
width: 253px;
height: 73px;
margin-left: 10px;
background: 
  url("img/input2.gif")
  left top
  no-repeat;
}
.col1-cl-button {
width: 270px;
padding-top: 15px;
padding-bottom: 25px;
padding-left: 10px;

}

/* ---------------END LEFT-------------- */

/* ----------------MENU FOOTER--------- */
.menu-foot {
height: 45px;
background: 
  url("img/bg-foot-m.jpg")
  left top
  repeat-x;
}
.menu-foot-r {
height: 45px;
background: 
  url("img/bg-bl-m.jpg")
  right top
  no-repeat;

}
.menu-foot-l {
height: 45px;
background: 
  url("img/bg-foot-m-l.jpg")
  left top
  no-repeat;


}
.menu-foot-l2 {
padding-top: 13px;
padding-right: 75px;
text-align: center;
}
.menu-foot-l2 ul, .menu-foot-l2 li {
display: inline;
margin: 0;
padding-left: 5px;
color: #fff;

}
.menu-foot-l2 ul li a {
color: #fff;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
}



/* ----------------END MENU FOOTER--------- */
/* ----------------FOOTER--------- */
.footer-t {
height: 183px;
background: 
  url("img/bg-bl-f.png")
  right top
  no-repeat;
}
.copyright {
float: left;
width: 121px;
height: 31px;
margin-top: 40px;
margin-left: 80px;
background: 
  url("img/copyright.png")
  right top
  no-repeat;
}


.f-contacts {
float:right;
width: 400px;
text-align:right;
margin-right: 1%;
padding-right: 120px;
padding-top: 52px;
font-size: 12px;
font-family: Tahoma;
color: #666666;
}
.f-contacts a {
font-size: 14px;
}
/* ----------------END FOOTER--------- */
/* ----------------TEXT--------- */
/* ----------------TEXT LEFT--------- */
.col1-vag, .col1-t1, .col1-cl-text {
font-family: Tahoma;
font-size: 12px;
}
.col1-vag p, .col1-t1 p, .col1-cl-text  {
font-weight: bold;
font-size: 14px;
}

/* ----------------END TEXT LEFT--------- */
/* ----------------TEXT CENTER--------- */
#content h1, p {
font-family: Tahoma;
}
#content p {
color: #000;
font-size: 14px;
margin-top: 20px;
} 
#content p a:link {
font-weight: bold;
color:#336699;
text-decoration: none;
}
#content p a:hover {
text-decoration: underline;
}
#content p b {
font-weight: bold;
text-decoration: underline;
}
#content p.c1 {
font-weight: bold;
color:#336699;
}
/* ----------------END TEXT CENTER--------- */
/* ----------------TEXT RIGHT--------- */
#right p {
font-family: Tahoma;
}

#right p {
color: #000;
font-size: 14px;
margin-top: 20px;
} 
#right p.r1 {
color:#336699;
; font-weight: bold
}

/* ----------------END TEXT RIGHT--------- */
/* ----------------TEXT CENTER2--------- */
#content2 h1, p {
font-family: Tahoma;
}
#content2 p {
color: #000;
font-size: 14px;
margin-top: 20px;
} 
#content2 p a:link {
font-weight: bold;
color:#336699;
text-decoration: none;
}
#content2 p a:hover {
text-decoration: underline;
}
#content2 p b {
font-weight: bold;
text-decoration: underline;
}
#content2 p.c1 {
font-weight: bold;
color:#336699;
}
/* ----------------END TEXT CENTER2--------- */
/* ----------------TEXT BLOCK--------- */
#block h1, p {
font-family: Tahoma;
}
#block h1 {
margin-top: 20px;
}
#block p {
color: #000;
font-size: 14px;
margin-top: 20px;
} 
#block p a:link {
font-weight: bold;
color:#336699;
text-decoration: none;
}
#block p a:hover {
text-decoration: underline;
}
#block p b {
font-weight: bold;
text-decoration: underline;
}
#block p.b1 {
font-weight: bold;
color:#336699;
}
/* ----------------END TEXT BLOCK--------- */
/* ----------------FORM--------- */

.form-input3, .form-input {
background-color:#eeeeee;
border:0;
font:14px Tahoma;
margin-top: 3px;
margin-left: 11px;
width: 230px;
}
.form-input {
background-color:#fff;
}
.form-input2 {
width: 230px;
height: 50px;
background-color: #eeeeee;
border:0;
font:14px Tahoma;
margin-top: 10px;
margin-left: 15px;
overflow: auto;
}
/* ----------------END FORM--------- */
/* ----------------END TEXT--------- */