html {height:100%;}
body { height:100%;margin:0; font:14px Arial, Helvetica, sans-serif; color:#5c5c5c; min-width:998px;}


/*GLOBAL STYLE
--------------------------*/
* {margin:0; padding:0;}
a{text-decoration: underline; color:#0098a2;}
a:hover{text-decoration: none;}
img {border:none;}
input,
textarea,
select{font:100% arial,sans-serif; vertical-align:middle;}
form,fieldset{ margin:0; padding:0; border-style:none;}

#main { min-height:100%; width:998px; margin:0 auto;}


.header {height:424px; overflow:hidden; background:url(../images/bg_header.jpg) no-repeat 341px 0; position:relative;}
.logo {float:left; padding:21px 0 0;}
.logo img {float:left;}
.head_info {float:left; border-left:2px solid #c4c4c4; padding:18px 0 10px 11px; font:18px Arial, Helvetica, sans-serif; color:#535353; line-height:18px; min-height:62px; margin:30px 0 0;}

.contacts {float:right; width:360px; padding:27px 20px 0 0; text-align:right;}
.contacts .phone {display:block; font-size:28px; color:#626956; padding:0 0 5px;}
.contacts .phone span { font-size:16px;}
.contacts .address {display:block; padding:15px 0 0;}
.contacts .call_me {color:#13baed; font-size:12px; text-decoration:none; background:url(../images/line_dot_blue.gif) repeat-x 0 100%;}
.head_adds_1 {position:absolute; bottom:33px; left:71px;}
.head_adds_2 {position:absolute; bottom:33px; right:38px;}
.title{font-size: 24px;padding:0 10px;color: #000000;}
ul {padding: 0 0 0 20px;}



/* CONTENT
-------------------------------------------*/
.content {padding:0 0 160px;}
.content h2 {font-size:24px; color:#db422c; padding:30px 0 0; font-weight:normal;}
.content p {line-height:18px; padding:10px 0 8px;}

.indomation {background:url(../images/bg_infomation.gif) repeat-y; width:980px;}
.indomation_top {background:url(../images/bg_infomation_top.gif) no-repeat; padding:18px 0 0;}
.indomation_bottom{background: url(/images/bg_infomation_bottom.jpg) no-repeat bottom;
    padding: 0 0 8px;}
.indomation_one {overflow:hidden; width:100%;}
.indomation_one .namber_one { background:url(../images/namber_1.gif) no-repeat; height:36px; width:47px; float:left; text-indent:-9999px; margin:0 0 0 20px; display:inline;}
.indomation .info_text { float:left; font-size:24px; color:#222; padding:13px 0 0 0;}
.indomation_one select {float:right; width:496px; margin:7px 31px 0 0; display:inline; height:34px; line-height:34px; padding:5px 0; font-size:16px; color:#626956;}
* + html .indomation_one select {margin-top:13px;}

.indomation_two { padding:13px 0 0; position:relative; z-index:4;}
.indomation_two_top {overflow: hidden; width:100%;}
.indomation_two .namber_two {float:left; background:url(../images/namber_2.gif) no-repeat; height:37px; width:47px; text-indent:-9999px; margin:0 0 0 20px; display:inline;}
#box_problems {padding:3px 0 0;height: 40px; min-height: 40px;}
#box_problems ul{display:none; list-style:none; padding:0 0 0 70px;}
#box_problems ul.selected{display:block;}
#box_problems ul:after {clear:both; display:block; content:'';}
* + html #box_problems ul {overflow:visible; height:1%;}
#box_problems ul li {float:left; position:relative;}
#box_problems ul li.porblems_one {    width: 22%;
    padding: 0 30px 0 0;}
#box_problems ul li.porblems_two {    width: 22%;
    padding: 0 30px 0 0;}
#box_problems ul li.porblems_three {width: 22%;
    padding: 0 30px 0 0;}
#box_problems ul li.porblems_four {width: 22%;
    padding: 0 0px 0 0;}
#box_problems ul li a {float:left; text-decoration:none; color:#13baed; line-height:24px; font-size:14px;}
#box_problems ul li a .line {background:url(../images/line_dot_blue.gif) repeat-x 0 100%;}
#box_problems ul li a .cena {color:#db422c;}
#box_problems ul li a:hover {font-weight:bold;}
#box_problems ul li a:hover .line {background:none;}
.drop {background:#e5e5e5 url(../images/bg_drop_top.gif) no-repeat; position:absolute; top:100%; left:0; width:472px; margin:4px 0 0; display:none; z-index:10;}
.drop .drop_sep {background:url(../images/bg_drop_sep.gif) no-repeat; height:9px; width:26px; overflow:hidden; position:absolute; top:-9px; left:40px;}
.drop_content {background:url(../images/bg_drop_bot.gif) no-repeat 0 100%; padding:8px 12px 10px;}
.drop_content p {font-size:12px; padding:0; margin:0; line-height:14px;}
.indomation_three {background:url(../images/bg_indomation_three.gif) no-repeat; height:67px; padding:10px 0 0; position:relative; z-index:1; margin:47px 0 0;}
.namber_three { background:url(../images/namber_3.gif) no-repeat; height:38px; width:47px; float:left; text-indent:-9999px; margin:10px 0 0 20px; display:inline;}
.indomation_three .info_text {padding:16px 0 0;}
.icon_nav {list-style:none; position:absolute; top:-30px; left:510px; z-index:2;}
.icon_nav li {float: left; width:131px;}
.porblems_four .drop {left:auto; right:0;}
.porblems_four .drop .drop_sep  {left:auto; right:250px;}



.two_colum {overflow:hidden; width:998px; padding:18px 0 0;}
.primary {float:left; width:695px; padding:0 0 0 32px;}

.info {overflow:hidden; width:100%;}
.info_box_left {float:left; width:358px; padding:0 30px 0 0;}
.info_box_right {float:right; width:307px;}

.circle {list-style:none; padding:1px 0 5px;}
.circle li {background:url(../images/bg_list_circle.gif) no-repeat 0 14px; padding:8px 0 0 17px; line-height:16px;}
.circle li a {color:#13baed;}

.secondary {float: right; width:226px;}

.list_services {list-style:none;}
.list_services li { margin:13px 0 0;}
.services {background:url(../images/bg_services.gif) repeat-y;}
.services_top {background:url(../images/bg_services_top.gif) no-repeat 0 5px;}
.services_bot {background:url(../images/bg_services_bot.gif) no-repeat 0 100%; padding:3px 16px 16px; min-height:60px;    margin: 13px 0 0;}
.services .cena {display:block; padding:0 0 2px 45px; color:#666; font-size:12px;}
.services .cena span {font-weight:bold; font-size:18px; color:#dc442e;}
.services a {line-height:18px; color:#13baed;}

.con_text ul {padding: 0 0 0 20px;}
.con_text li {
    background: url(/images/view2.gif) no-repeat left 6px;
    padding: 1px 0 5px 15px;
    list-style: none;}
	
.modulebody {
   height: 140px;
    width: 100%;
    clear: both;}
	
.modulebody li, .con_text li { background: url(/images/view2.gif) no-repeat left 6px; padding:1px 0 5px 15px; list-style:none;}
.services1 {background:url(../images/bg_services.gif) repeat-y;    display: block;
    float: left;
    width: 240px;}
.services_top1 {background:url(../images/bg_services_top.gif) no-repeat;}
.services_bot1 {background:url(../images/bg_services_bot.gif) no-repeat 0 100%; padding:3px 16px 16px; min-height:60px;margin: 13px 0 0;}
.services1 .cena {display:block; padding:0 0 2px 45px; color:#666; font-size:12px;}
.services1 .cena span {font-weight:bold; font-size:18px; color:#dc442e;}
.services1 a {line-height:18px; color:#13baed;}


.two_colum {overflow:hidden; width:998px; padding:18px 0 0;}
.two_colum_top {overflow:hidden; width:998px;}
.primary {float:left; width:695px; padding:0 0 0 32px;}
.primary_top {float:left; width:804px;}

.block_title {font-size:14px; font-style:italic; color:#ffffff; line-height:25px; padding:0 25px;margin-top:20px; background: url(/images/block_title_bg.jpg) no-repeat;}
.block_table th {font-size:14px;font-weight:bold;color:#666666;text-align:left;vertical-align:middle;width:180px;padding:10px;border-bottom:#d5d5d5 1px solid;}
.block_table td {font-size:14px;color:#666666;text-align:left;vertical-align:middle;padding:10px;border-bottom:#d5d5d5 1px solid;border-left:#d5d5d5 1px solid;}
.block_table td.price {color:#db422c;font-weight:bold; width:100px; text-align:right;}
.icon_nav_top {float:right;}
.icon_nav_top li {list-style:none;margin-top:20px;}
.content h2, .content .moduletitle {font-size:24px; color:#db422c; padding:30px 0 0; font-weight:normal;}
.addtxt {font-size:18px; padding:10px 0 0 0; font-style:italic;}

.rel {position:relative;}
.rel .abs {position:absolute; font-style:italic; right:30px; top:15px;}
.rel .abs a { color:#5f5f5f;}
	



/* FOOTER
------------------------*/
.footer {  margin:-127px 0 0; position:relative; height:127px;}
.foot_nav {background:#ebebeb; line-height:28px; height:30px; text-align:center;}
.foot_nav li { display:inline; padding:0 15px;}
.foot_nav li a {font-size:12px; color:#00accc;}
.footer_box {width:998px; margin:0 auto; position:relative;}

.work {position:absolute; top:23px; left:787px; line-height:20px; color:#00accc; font-size:14px; background:url(../images/bg_work.gif) no-repeat 100% 85%; padding:0 20px 0 0;}
.foot_adds {position:absolute; top:28px; left:484px;}
.footer_box p.copy {padding:16px 0 0;}
.footer_box p {font-size:12px; color:#5c5c5c; padding:8px 0 0; line-height:18px;}

.modulebody .menu1 {list-style:none; padding:6px 0 5px;}
.modulebody .menu1 li {background: url (/images/view2.gif) no-repeat 0 12px; line-height:16px;float:left; width:330px;}
.modulebody .menu1 li a {color:#13baed;}




/* POPUP
--------------------------------*/
#fader {display: none; background:url(../images/bg_father.png); position:absolute; top:0; left:0;  z-index:1000;}
.popup {position:absolute; top:68px; left:50%; width:294px; margin:0 0 0 190px; z-index:10001; display:none;}
.clouse_popup {background:url(../images/btn_clouse.png) no-repeat; height:28px; width:28px; overflow:hidden; position:absolute; top:-8px; right:-5px;}
.popup_top {background:url(../images/bg_popup_top.gif) no-repeat 50% 0; height:9px; overflow:hidden; width:294px;}
.popup_bot {background: url(../images/bg_popup_bot.gif) no-repeat 50% 0; height:9px; overflow:hidden; width:294px; right:-5px; }
.popup_center {background:#fff; padding:0 26px; right:-5px;}
.form_call { position:relative; width:100%; padding:0 0 31px}
.form_call h3 {font-size:18px; font-weight:normal; line-height:22px; color:#000; padding:15px 0 4px;}
.form_call input.tx {display:block; border:1px solid #0089b2; font-size:16px; color:#818181; padding:2px 4px; width:220px; margin:9px 0 0;}
.form_call select { border:1px solid #0089b2; font-size:16px; color:#818181; width:230px; height:24px; margin:9px 0 0;}
.form_call .btn {background: url(../images/btn_call.png) no-repeat; height:29px; width:155px; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; padding:0 0 3px; position:absolute; bottom:-17px; left:0;}


@font-face {
	font-family: 'Gotham Pro';
	src: url("http://eurookna-r.ru/bitrix/templates/.default/css/../fonts/GothamPro-Black.eot");
	src: url("http://eurookna-r.ru/bitrix/templates/.default/css/../fonts/GothamPro-Black.eot?#iefix") format('embedded-opentype'), url("/bitrix/templates/.default/css/../fonts/GothamPro-Black.woff") format('woff'), url("/bitrix/templates/.default/css/../fonts/GothamPro-Black.ttf") format('truetype');
	font-weight: 900;
	font-style: normal;
}
.banner_euro_link {display:block; color:#000;}
.banner_euro {  margin: 30px 0; max-width:930px;padding:15px 25px; height:75px; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); border-radius:4px; font-family:'Gotham Pro', Arial;}
.banner_euro > a {display:block; padding:15px 10px; height:100px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);}
.text_euro {float:left; width:50%; font-size:20px; font-weight: 900;     padding: 10px 0 0 0;}
.text_euro span {font-size:24px; text-transform:uppercase; color:#6bb30b; border-bottom:1px solid #6bb30b; padding:5px 0 0 0; display:inline-block;}
.phone_euro {float:right; width:30%;text-align:right;    padding: 10px 0 0 0;}
.phone_euro .phone {    font-weight: 900;    font-size: 25px;}
.phone_euro .adr {  font-size:18px; padding:10px 0 0 0;}
.logo_euro {    float: left;max-width: 200px; width:20%; }
.logo_euro img { vertical-align:middle;     float: left;    margin-left: -95px;}
.logo_euro span {    display: block;    font-size: 13px;    padding: 14px 0 0;    line-height: 1.3; }