@import "reset.css";
body { font-family:Arial;color:#2e1c13; font-size:14px; line-height:18px; text-align:left; background:#e9c88e url(../images/bg.jpg) left top repeat; margin:0; padding:0}
a       { color:#fff; text-decoration:underline; outline:none}
a:hover { color:#fff; text-decoration:none;}
.left_20{ margin-left:20px} .right_20{ margin-right:20px}  .left{ float:left} .right{ float:right} .clear {clear:both;} .right_10{ margin-right:15px} 
.top_5{ margin-top:15px}

/*   -----------------------------------------------------------------------------*/ 
.centr{ width:1000px; margin:0 auto; position:relative}
div.bg_horse{background:url(../images/bg_horse.png) center top no-repeat; width:100%; min-width:1000px; height:788px; position:absolute; top:0; z-index:0; display:none}
div.bg_photo{background:url(../images/bg_photo.png) center top no-repeat; width:100%; min-width:1000px; height:1286px; position:absolute;top:0; z-index:1; display:none}
div.bg_photo_2{background:url(../images/bg_photo_2.png) center top no-repeat; width:100%; min-width:1000px; height:1286px; position:absolute;top:0; z-index:1; }
div.bg_photo_3{background:url(../images/bg_photo_3.png) center top no-repeat; width:100%; min-width:1000px; height:1286px; position:absolute;top:0; z-index:1;}

div#content{ background:url(../images/bg_content.png) center bottom no-repeat; width:100%; min-width:1000px; min-height:1370px; position:relative; z-index:2; padding-bottom:450px; position:relative; z-index:10}


/* ----  TOP   ----*/
a.logo{ display:block; float:left; margin-left:-10px; width:414px; overflow:hidden; padding-top:65px}
a.logo img{ margin-left:-13px}

div.header{ height:840px; background:url(../images/bg_header.png) left bottom no-repeat;}


/* ----  menu   ----*/
ul.menu {}
ul.menu > li{ float:left; padding:0 12px}
ul.menu > li > a{ font-size:22px; color:#873e1d; text-transform:uppercase; text-decoration:none; font-family: 'ThyssenJRegular'; line-height:25px}
ul.menu > li > a:hover, ul.menu > li > a.act{ color:#473324;}



ul.menu > li.menu_9{ margin-top:-10px; padding-left:5px}
ul.menu > li.menu_8{ margin-top:5px; padding-left:20px}
ul.menu > li.menu_7{ margin-top:20px; padding-left:0}
ul.menu > li.menu_6{ margin-top:40px; padding-left:10px}
ul.menu > li.menu_5{ margin-top:55px; padding-left:10px}
ul.menu > li.menu_4{ margin-top:00px; padding-left:10px}
ul.menu > li.menu_3{ margin-top:50px; padding-left:10px}
ul.menu > li.menu_2{ margin-top:80px; padding-left:10px}
ul.menu > li.menu_1{ margin-top:140px; }
ul.menu > li.under{ background:url(../images/bg_under.png) 12px 90% no-repeat; padding-bottom:14px; position:relative; height:86px}
ul.menu > li.under.menu_4{ height:64px}


ul.menu ul.dd_menu{ background:url(../images/bg_dd_menu.jpg) left top repeat;  position:absolute; left:0px;  padding: 8px 12px 12px; width:200px; display:block; display:none; -webkit-box-shadow: 0px 2px 2px #000; 	-moz-box-shadow: 0px 2px 2px #000; 	box-shadow: 0px 2px 2px #000; top:100px}
ul.menu ul.dd_menu a{ font-size:18px; color:#000;  font-family: 'ThyssenJRegular'; text-decoration:none; border-bottom:1px #000 dotted; line-height:30px; }
ul.menu ul.dd_menu a:hover{ color:#b04015}

ul.menu > li.under.menu_4 ul.dd_menu{ top:78px}

/* ------    content    -----------*/ 
div.container{ margin-top:-45px}
a.banner_1{ color:#040000; padding-left:130px; font-size:22px; font-family: 'ThyssenJRegular'; line-height:24px; text-transform:uppercase; display:block; width:115px; height:82px; text-decoration:none; background:url(../images/banner_1.png) left top no-repeat; padding-top:28px; text-shadow:1px 1px 0px #b58e66}

a.banner_2{ color:#040000; padding-left:130px; font-size:22px; font-family: 'ThyssenJRegular'; line-height:24px; text-transform:uppercase; display:block; width:115px; height:79px; text-decoration:none; background:url(../images/banner_2.png) left top no-repeat; padding-top:31px; text-shadow:1px 1px 0px #b58e66}

a.banner_3{ color:#040000; padding-left:130px; font-size:22px; font-family: 'ThyssenJRegular'; line-height:110px; text-transform:uppercase; display:block; width:115px; height:110px; text-decoration:none; background:url(../images/banner_3.png) left top no-repeat; text-shadow:1px 1px 0px #b58e66}

a.banner_1:hover, a.banner_2:hover,a.banner_3:hover{ color:#473324}

a.mail{ color:#8a4226; font-size:20px;  font-family: 'ThyssenJRegular'; font-weight:normal}
div.left_column b{ display:block; font-family: 'UkBetonNormal'; font-weight:normal; color:#000; font-size:24px; text-transform:uppercase; line-height:24px; padding-top:20px; padding-left:40px}


div.left_column{ width:260px; float:left;}
div.right_column{ width:700px; float:right; padding-top:18px; padding-right:20px}

h1{ color:#2e1c13; text-transform:uppercase; font-size:27px; font-family: 'UkBetonNormal'; line-height:30px; font-weight:normal; padding-bottom:20px}
h1 span{ display:block; font-size:20px}

div.right_column p{ color:#2e1c13; font-size:14px; font-family:Arial; line-height:22px}
div.right_column p strong{ font-size:14px; display:block; padding-top:20px}


.l_h_24{ line-height:22px}

a.pin_1{ display:block; width:241px; height:287px; background: url(../images/pin_1.png) left top no-repeat; text-decoration:none; float:left; margin-left:60px}
a.pin_1 span{ display:block; text-align:center; color:#873e1d; font-size:27px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:180px}

a.pin_2{ display:block; width:241px; height:287px; background: url(../images/pin_2.png) left top no-repeat; text-decoration:none; float:right; margin-right:80px}
a.pin_2 span{ display:block; text-align:center; color:#873e1d; font-size:27px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px}

a.pin_3{ display:block; width:241px; height:287px; background: url(../images/pin_3.png) left top no-repeat; text-decoration:none; float:left; margin-left:60px}
a.pin_3 span{ display:block; text-align:center; color:#873e1d; font-size:27px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px;}

a.pin_4{ display:block; width:241px; height:287px; background: url(../images/pin_4.png) left top no-repeat; text-decoration:none; float:right; margin-right:80px}
a.pin_4 span{ display:block; text-align:center; color:#873e1d; font-size:27px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px;}

a.pin_5{ display:block; width:234px; height:287px; background: url(../images/pin_5.png) left top no-repeat; text-decoration:none; float:left; margin-left:-10px}
a.pin_5 span{ display:block; text-align:center; color:#873e1d; font-size:22px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px; padding-right:10px}

a.pin_6{ display:block; width:234px; height:287px; background: url(../images/pin_6.png) left top no-repeat; text-decoration:none; float:left; margin-left:8px}
a.pin_6 span{ display:block; text-align:center; color:#873e1d; font-size:22px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px; padding-right:10px}

a.pin_7{ display:block; width:234px; height:287px; background: url(../images/pin_7.png) left top no-repeat; text-decoration:none; float:left;}
a.pin_7 span{ display:block; text-align:center; color:#873e1d; font-size:22px; font-family: 'UkBetonNormal'; line-height:28px;  text-shadow:1px 1px 0px #b58e66; padding-top:205px; padding-left:5px}


a.pin_1:hover span, a.pin_2:hover span, a.pin_3:hover span, a.pin_4:hover span, a.pin_5:hover span, a.pin_6:hover span, a.pin_7:hover span{ color:#473324}


/* ------    footer    -----------*/ 
div.footer{ height:260px; background:#000 url(../images/bg_footer.gif) left top repeat-x; z-index:100; }
ul.footer_menu { padding-left:16px; z-index:100; }
ul.footer_menu > li{ float:left; }
ul.footer_menu > li:hover{ background:#2f1c13}
ul.footer_menu > li > a{ font-size:14px; color:#e1be89; text-transform:uppercase; text-decoration:none; font-family: 'ThyssenJRegular'; padding:10px 10px 10px; display:block; float:left; line-height:25px}
ul.footer_menu > li > a:hover{ color:#ffeed4;}

ul.footer_menu > li.under{ position:relative}

ul.footer_menu ul.dd_menu{ background:#2f1c13; left:0; bottom:45px; position:absolute; display:none; z-index:100; padding:10px}
ul.dd_menu a{ font-size:14px; color:#e2c18a;  font-family: Arial; text-decoration:none; line-height:20px; border:0; white-space:nowrap; line-height:24px}
ul.dd_menu a:hover{ color:#e5dbcc}

div.footer div.left{ font-size:11px; font-family:Arial; color:#70645a; padding-left:25px; padding-top:20px}
div.footer div.right{ padding-top:20px; color:#71655b; font-size:11px; width:280px; float:right;}
div.footer div.right a{ color:#998d83}

/*================= Contacts_1 =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #fff; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #4f4f4f;
 margin-bottom:10px}
.notification_ok{  border: 1px solid #4f4f4f; height: auto; width: 96%; padding: 8px; background:#fff; text-align: center; color:#000} 

div.form{ position:relative;}
div.form .notification_error, div.form .notification_ok{ }
div.form .notification_ok{ }
div.form .notification_ok a{ color:#000}

.button_2 { cursor:pointer;  margin-top:13px; border: 0; width:123px; height:39px;  color:#fff; font-size:28px; text-decoration:none;  display:block; background:none;  text-align: center; outline:none!important; margin-left:100px; font-weight: normal; background:#917552; padding-bottom:3px; margin-bottom:10px;  font-family: 'UkBetonNormal';}
.button_2:hover{ color:#000}

/* Label */
label  { width:100px;  margin: 0px; float: left; text-align: left;    font-size:18px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px;
 font-family: 'ThyssenJRegular';}



input{ margin: 0px; padding: 0px;   border: 1px solid #825829;  color: #fff; background:#917552; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:8px; width:500px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:5px}

textarea{margin: 0px; padding: 0px;  float: left; background:#917552; border: 1px solid #825829;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:120px; margin-bottom:8px; width:500px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding-left:5px; padding-top:5px}

@font-face {
    font-family: 'UkBetonNormal';
    src: url('nbeton-webfont.eot');
    src: url('nbeton-webfont.eot?#iefix') format('embedded-opentype'),
         url('nbeton-webfont.woff') format('woff'),
         url('nbeton-webfont.ttf') format('truetype'),
         url('nbeton-webfont.svg#UkBetonNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ThyssenJRegular';
    src: url('thysen-webfont.eot');
    src: url('thysen-webfont.eot?#iefix') format('embedded-opentype'),
         url('thysen-webfont.woff') format('woff'),
         url('thysen-webfont.ttf') format('truetype'),
         url('thysen-webfont.svg#ThyssenJRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}