/* Главный файл стилей */

dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}

.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}

a {color:#000080; text-decoration: none;}
a:hover{color:#000080; text-decoration: underline;}

body {
background:#fff; 
color:#444;
font-family: Arial, Tahoma, "Segoi UE", "Trebuchet MS", Verdana;
font-size: 16px;
}

.hidden {visibility: hidden;}

input,
textarea,
select {font-family: Arial, Tahoma, "Segoi UE", "Trebuchet MS", Verdana; font-size: 16px; color:#0f0f0f;}

input:focus,
textarea:focus {outline: none;}

/*?=wrap
------------------- */
.wrap {margin: 0 auto; width: 878px; padding: 20px 50px;}


/*?=header
------------------- */
.header {background: url('bg_header.gif') left top no-repeat; margin: 0 0 5px; height: 84px; position: relative; overflow: hidden; //zoom:1;}

.logo {width: 222px; height: 66px; position: absolute; left: 15px; top: 50%; margin: -33px 0 0 0;}
.logo img {vertical-align: top;}

.phone {width: 203px; height: 48px; position: absolute; left: 320px; top: 50%; margin: -24px 0 0 0;}
.phone img {vertical-align: top;}

.icons {width: 201px; height: 62px; position: absolute; right: 35px; top: 50%; margin: -31px 0 0 0; list-style: none; padding: 0; overflow: hidden; //zoom:1;}
.icons img {vertical-align: top;}

.icons li {float: left; width: 67px; text-align: right;}


/*?=image
------------------- */
.image {background: url('bg_image.jpg') left top no-repeat; margin: 0 0 5px; height: 197px; position: relative; overflow: hidden; //zoom:1;}

.langs {width: 350px; text-align: right; position: absolute; right: 15px; bottom: 4px; font-size: 11px; color:#0b4694;}
.langs span {padding: 0 0 0 4px; line-height: 20px; height: 21px; display: inline-block; //display: inline; overflow: hidden; //zoom:1;}

/*?=menu
------------------- */
.menu {background: url('bg_menu.gif') left top no-repeat; margin: 0 0 5px; height: 29px; position: relative; overflow: hidden; //zoom:1;}

.menu ul {list-style: none; padding: 3px 0; margin: 0; height: 23px; text-align: center;}
.menu ul li {display: inline-block; //display: inline; //zoom:1;}
.menu ul li a {display: inline-block; //display: inline; //zoom:1; position: relative; height: 23px; line-height: 22px; padding: 0 6px 0 27px; font-size: 14px; color:#fff; text-decoration: none;}
.menu ul li a:hover {background:#bdbdc4; color:#0b4694; text-decoration: none;}
.menu ul li a i {position: absolute; left: 0; top: 0; left: 6px; top: 50%; width: 13px; height: 13px; margin: -7px 0 0; background: url('bul.gif'); overflow: hidden; //zoom:1; cursor: pointer;}

.menu ul li a.blink,
.menu ul li a#blink:hover {background:#fff; color:#f00;}

/*?=content
------------------- */
.content {background: url('frame_top.gif') left top no-repeat; overflow: hidden; //zoom:1; margin: 0 0 10px;}
.content_in {background: url('frame_bottom.gif') left bottom no-repeat; //zoom:1; padding: 35px; min-height: 200px; height: auto !important; height: 200px;}

/*?=footer
------------------- */
.footer {overflow: hidden; //zoom:1;}


/*?=common
------------------- */
.big {font-size: 18px;}
.small {font-size: 12px;}

.lines {overflow: hidden; //zoom:1;}
.lines_in {overflow: hidden; //zoom:1; margin: -20px 0 0 -45px;}
.lines_item {float: left; padding: 20px 0 0 45px; width: 377px; height: 203px; position: relative; font-size:13px; color:#000080;}

.lines_item_in {padding: 33px 0 0 215px; }
.lines_item_in p {padding: 0 0 15px;}

.lines_item_contact {text-align: right; padding: 25px 0 0; line-height: 20px;}
.lines_item_services {padding: 8px 0 0 60px; line-height: 20px;}

.lines_item1 {background: url('data/01.jpg') 45px 41px no-repeat;}
.lines_item2 {background: url('data/02.jpg') 45px 41px no-repeat;}
.lines_item3 {background: url('data/03.jpg') 45px 41px no-repeat;}
.lines_item4 {background: url('data/04.jpg') 45px 41px no-repeat;}

.lines_item_head {font-size: 16px; height: 21px; overflow: hidden; //zoom:1; background:#3c6db0; color:#fff; font-weight: bold; padding: 0 0 0 20px; position: relative;}
.lines_item_head i {position: absolute; left: 0; top: 0; width: 10px; height: 21px; border-right: 3px solid #fff; background:#dd7400; overflow: hidden; //zoom:1;}


 .more {text-align: right;}

.orange {color:#dd7400;}
a.orange:hover {color:#dd7400;}

#Content {}
h1 {text-transform: uppercase; font-size: 20px; color:#000080; padding: 0 0 20px; font-weight: normal;}
h2 {text-transform: uppercase; font-size: 18px; color:#000080; padding: 0 0 10px; font-weight: normal;}
h3 {font-size: 16px; color:#000080; padding: 0 0 10px;}
h4 {font-size: 16px; color:#000080; padding: 0 0 4px;}

p {padding: 0 0 20px;}

#Content a {color:#0000ee; text-decoration: underline;}
#Content a:hover {color:#f00; text-decoration: underline;}
#Content a:visited {color:#999;}

#Content ul {margin: 0 0 0 40px; padding: 0 0 20px;}
#Content ul li {line-height: 22px; padding: 3px 0;}
#Content ul li ul {padding: 10px 0 0; font-size: 14px;}

#Content .orange {color:#dd7400; text-decoration: underline;}
#Content a.orange:hover {color:#f00; text-decoration: underline;}


.contact_lines {overflow: hidden; //zoom:1;}
.contact_lines_in {overflow: hidden; //zoom:1; margin: 0; text-align: center;}
.contact_lines_item {padding: 20px 0 0 20px; width: 230px; display: inline-block; //display: inline; //zoom:1; text-align: left; vertical-align: top; background: url('bg_line.gif') 0 20px no-repeat;}
#Content .contact_lines_item p {padding: 0 0 4px; font-size: 13px;}
