/* ---------- RESET -----------*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
 ol, ul { list-style: none; }
 blockquote, q { quotes: none; }
 /* remember to define focus styles! */
 :focus { outline: 0; }
 /* remember to highlight inserts somehow! */
 ins { text-decoration: none; }
 del { text-decoration: line-through; }
 /* tables still need ‘cellspacing=”0″‘ in the markup */
 table { border-collapse: collapse; border-spacing: 0; }
/* ---------- GLOBAL -----------*/
/*
# Brown Body (text): #3d3a2c
# Yellow Body (background and footer links): #e2e5d0
# Dark Green (sea wave) #0c4441
# Light Green (h1-h2) #5e8055
# Gray (form) #647268
# Blue (h3) #3a6d95
# Table Header: #c3c6af
# Table Body: #ced1be
# */
body { color: #3d3a2c; line-height: 18px;  font-family: "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif; font-size: 16px;  position: relative;  background: #e2e5d0 url(../images/1_shap_back.png) repeat-x top left; vertical-align: top; }
h1{ color: #5e8055; font-size: 34px; font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; padding: 0px; margin: 0px; font-style: italic; line-height: 30px; }
h2 { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 28px; line-height: 28px; letter-spacing: -1px; color: #5e8055; }
h3 { font-size: 18px;  letter-spacing: -1px; color: #3a6d95;}
h2 i { font-size: 20px; }
.hr_big { vertical-align: top; background: url(../images/0_hr_big.gif) repeat-x top left; width: 100%; height: 20px; margin-top: 16px; max-width: 940px; }
.hr_sml, .hr_sml2 { vertical-align: top; background: url(../images/0_hr_sml.gif) repeat-x top left; height: 20px; margin-top: 16px; max-width: 940px; width: 100%;}
.hr_sml2 { background-image: url(../images/0_hr_sml2.gif); margin-top: 6px;}
.clear { clear: both; height: 2px;width: 2px; overflow: hidden; margin: 0; padding: 0; }
a, a:link, a:visited a:hover a:active { color: #3d3a2c; }
a:hover { color: #3a6d95; }
a:hover { text-decoration: none; }
.big_table { margin: 20px 0; }
table td, table th { padding: 10px 10px 12px 16px;  border: 2px solid #e2e5d0; text-align: left; }
table th { background-color: #c3c6af;  }
.corn_tl { background: #c3c6af url(../images/corn_tl.gif) no-repeat  top left; }
.corn_tr { background: #c3c6af url(../images/corn_tr.gif) no-repeat  top right; }
.corn_bl1 { background: #ced1be url(../images/corn_bl1.gif) no-repeat  bottom left; }
.corn_br1 { background: #ced1be url(../images/corn_br1.gif) no-repeat bottom right; }
table td { background-color: #ced1be; }
.th_right { width: 120px; text-align: right; }
.dlin940 { width: 940px; }/* 100% block */
.dlin800 { width: 800px; }
.dlin700 { width: 700px; }
.dlin640 { width: 640px; }
.dlin580 { width: 580px; }
.dlin520 { width: 520px; }
.dlin460 { width: 460px; } /* 50% block */
.dlin400 { width: 400px; }
.dlin340 { width: 340px; }
.dlin300 { width: 300px; } /* 33% block */
.dlin280 { width: 280px; }
.dlin220 { width: 220px; } /* 25% block */
.dlin100p { width: 100%; }
.marl20 { margin-left: 20px; }
.mart20 { margin-top: 20px!important; }
.block_fill_gradient { position: relative; background-color: #ced1be;  margin-top: 20px;}
.block_fill_gradient .corn_br1, .block_fill_gradient .corn_bl1, .block_fill_gradient .corn_tr, .block_fill_gradient .corn_tl { width: 50%; height: 18px; display: inline; vertical-align: top;  position: absolute; }
.block_fill_gradient .corn_tl { left: 0; top: 0; }
.block_fill_gradient .corn_tr { right: 0; top: 0; }
.block_fill_gradient .corn_bl1 { left: 0; bottom: 0; }
.block_fill_gradient .corn_br1 { right: 0; bottom: 0; }
.block_fill_gradient .grad { background: #ced1be url(../images/block_fill.png) repeat-x top left;   padding: 20px;  }
.block_fill_gradient .grad img.frame { display: block; }
.img_frame { overflow: hidden; margin-top: 0px; background: #e2e5d0 url(../images/0_img_frame_180_2.png) no-repeat scroll top left; width: 220px; height: 220px; }
.img_frame img	{margin-left: 18px; margin-top: 18px;  width: 180px; height: 180px; border: 2px solid #e2e5d0;}
.img_frame img:hover { border: 2px solid #fff;}
blockquote p { color: #5e8055; font-style: italic; font-weight: bold; font-family: Georgia,"Times New Roman",serif; font-size: 14px; }
blockquote p cite { font-weight: normal; color: #3d3a2c;  display: block;  margin-top: 10px; text-align: right; }
.fright { float: right; }
.fleft { float: left; }
/* ---------- FORM -----------*/
#contactform form { font-size: 0px; overflow: hidden; }
#contactform fieldset { font-size: 16px;}
input.myinputstyle, select.myinputstyle, textarea.myinputstyle { border: 1px solid #c3c6af; background: url(../images/form_back.png) repeat-x #e2e5d0; font-size: 16px; color: #3d3a2c; vertical-align: middle; width: 320px; height: 24px;}
textarea.myinputstyle { margin-bottom: 20px; }
textarea.myinputstyle, input.mylabelstyle { height: 200px; color: #3d3a2c; font-family: "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;}
form#feedback { margin-top: -20px;  }
form#feedback #antispm {  display: block;  background-color: #CED1BE; text-align: right; padding-right: 30px; margin-bottom: 10px; width: 100px; height: 40px; float: right;}
form#feedback p { font-size: 12px;  padding-right: 30px; padding-bottom: 10px; margin-top: -4px; text-align: right; }
form#feedback div.formblock { padding-top: 20px;  display: block; vertical-align: top; overflow: hidden; border-bottom: 1px dotted #647268; clear: both;}
label.mylabelstyle { padding: 15px 20px 15px 20px; width: 150px; height: 20px; display: inline-block; font-size: 18px; color: #5e8055; vertical-align: middle;}
.myinputstyle:hover, .myinputstyle:focus { border: 1px solid #3a6d95; background-color: #FFFFFF; color: #3d3a2c;  background-image: url(none); }
#send_feedback, #send_feedback:hover, .more, .more:hover { background: transparent url(../images/5_more_send.png) no-repeat;}
#send_feedback { border: 0; cursor: pointer; background-position: 0 -204px; width: 229px; height: 52px;  margin: 40px auto 20px auto;  display: block; text-indent: 9999px; overflow: hidden;}
#send_feedback:hover { background-position: 0 -306px; }
#file_att { display: inline-block; overflow: hidden;}
.file_1 { padding-top: 0px;}

/* ---------- HEADER -----------*/
#header { position: relative; width: 940px; height: 190px; margin: 0 auto; vertical-align: top; line-height: 18px;}
#logo { cursor: pointer; position: absolute; display: block; background: url(../images/2_shap_logo.png) no-repeat top left; width: 408px; height: 153px; top: 30px; left: 30px; vertical-align: top; }
#logo span { display: none; }
/* LOGIN FORM */
#shap_login_frm { display: inline; margin-left: 748px; margin-top: 70px; position: absolute; width: 190px; }
#shap_pass_in, #shap_login_in { position: absolute; background: transparent no-repeat top left; border: 0px; padding: 1px 0px 0px 26px; display: block; line-height: 18px; width: 88px; height: 22px; color: #647268;   font-size: 13px; }
#shap_login_in { background-image: url(../images/7_in_login.png); margin: 0; }
#shap_pass_in { background-image: url(../images/8_in_pass.png); margin-top: 27px; }
#shap_login_btn { cursor: pointer; padding: 0px; margin-left: 120px; background: transparent url(../images/9_btn_go.png) top left; border: 0px; width: 66px; height: 50px; color: #e2e5d0; }
#shap_login_ins { position: relative; }
/* TOP IMAGE NAVIGATION */
#navig_top { position: absolute; display: block; margin-left: 490px; margin-top: 162px; background-repeat: no-repeat; width: 461px; height: 45px; }
#navig_top li { margin-top: 0px; display: block; float: left; }
#navig_top li a { height: 45px; text-align: center; display: block; overflow: hidden; background: url(../images/10_menu.png) no-repeat top left; }
li#navig_top_01 a{ width: 92px; background-position: 0 0; }
li#navig_top_02 a { width: 115px; background-position: 0 -190px; }
li#navig_top_03 a { width: 86px; background-position: 0 -380px; }
li#navig_top_04 a { width: 95px; background-position: 0 -570px; }
li#navig_top_05 a { width: 73px; background-position: 0 -760px; }
li#navig_top_01 a:hover, #uslugi li#navig_top_01 a { background-position: 0 -95px; }
li#navig_top_02 a:hover, #portfolio li#navig_top_02 a { background-position: 0 -285px; }
li#navig_top_03 a:hover, #otzyvy li#navig_top_03 a { background-position: 0 -475px; }
li#navig_top_04 a:hover, #kontakt li#navig_top_04 a { background-position: 0 -665px; }
li#navig_top_05 a:hover, #onas li#navig_top_05 a { background-position: 0 -855px; }
#navig_top a i { display: none; }

/* ---------- CONTENT -----------*/
#all_page { position: relative; width: 980px; margin: 0 auto; vertical-align: top;  }
#all_content { width: 940px; margin-left: 20px; line-height: 18px; font-size: 16px;}
/* NAVIGATION */
#nav { padding-top: 46px; display: block; font-size: 20px; }
#nav a { font-variant: small-caps; color: #0c4441; }
#nav a:hover { text-decoration: none; }
/* SLIDESHOW AND WELLCOME */
#slideshow { overflow: hidden;  float: left; position: relative; padding-left: 14px; padding-top: 16px; background: url(../images/4_slide.png) no-repeat top left; vertical-align: top; width: 530px; height: 318px; }
.slide { width: 480px; height: 300px; margin: 0; padding: 0 0 20px 0; }
.slide-tag { position: absolute; width: 436px; height: 40px; margin: 216px 0 0 0; padding: 20px; font-size: 18px; font-weight: bold; line-height: 22px; color: #e2e5d0; display: block; overflow: hidden; }
.slide-tag img { width: 480px; height: 300px; }
.slide_cont { float: right; margin-top: 30px; margin-left: 14px; width: 394px; height: 280px; }
#feature-left, #feature-right { float: left; margin: 0; padding: 0; }
#feature-left { width: 544px; }
#feature-right { width: 392px; }
#feature-right h2 { margin-top: 28px; }
#feature-right p { font-size: 20px; line-height: 24px; padding-top: 16px; color: #3d3a2c; }
.more { display: block; width: 229px; height: 52px; margin-top: 22px; margin-left: 60px; background-position: 0 0; }
.more:hover { background-position: 0 -102px; }
.more span { display: none; }
/* ALL THREE BLOCKS */
.all_three_block { position: relative; margin-top: 4px; width: 940px; }
.three_block { margin-right: 40px; float: left; overflow:hidden;  background: #0c4441 url(../images/0_three_block.png) no-repeat top left; vertical-align: top; width: 288px; height: 134px; color: #e2e5d0; }
.three_block span, #about .grad p span { white-space: nowrap; }
.three_block p { padding-top: 20px; padding-left: 28px; padding-right: 22px;  font-size: 14px; }
.three_block_r { margin-right: 0px; width: 284px; }
.two_block { width: 460px; }
.two_block ul { padding-left: 20px;  padding-top: 10px; }
/* CONTACT */
#kontakt .block_fill_gradient { margin-top: 0px; }
#koordinat p span, #koordinat p a { padding-left: 16px;   margin-top: 8px;  vertical-align: top;  display: inline-block; }
#koordinat p { padding-left: 10px; height: 32px;  margin-bottom: 15px;}
#koordinat p img { width: 32px; height: 32px;}
/* OTZYVY */
#otzyvy .block_fill_gradient { min-height: 330px;}
/* ABOUT */
#about { overflow: hidden;}
#about h3 { color: #5e8055; }
#about .block_fill_gradient { margin-top: -4px; }
#about .grad p { height: 134px; font-size: 14px;}
/* ---------- FOOTER -----------*/
#footer { background: #0c4441 url(../images/3_foot_back.png) repeat-x top left; vertical-align: top; min-width: 980px; width: 100%; height: 124px; margin-top: 20px; }
#copy_foot { padding-top: 40px; padding-right: 14px; background: url(../images/6_logo_sml.png) no-repeat top left; vertical-align: top; width: 952px; height: 80px; margin: 0 auto; text-align: right; color: #e2e5d0; }
#copy_foot span { font-size: 11px; display: block; }
#copy_foot a, #copy_foot a:link, #copy_foot a:visited { color: #e2e5d0; }

/* ---------- PRINT -----------*/
@media print {
td#fancy_title_left, td#fancy_title_main, td#fancy_title_right, .more, #header, .slide, #slideshow, .slide-tag, #navig_top, #nav, form, #copy_foot span, img, input, button, #logo, #copy_foot span, #contactform, a.zoom, #portfolio #all_page {  display: none; background-image: none;}
#p_break {page-break-before: always;}
#copy_foot { margin-top: 20px; color: black; }
body, div, .three_block, a, p, span, big_table td, #footer, #copy_foot, .hr_sml, .hr_sml2, .hr_big, table, td, th, .corn_bl1, .corn_br1, .corn_tl, .corn_tr, .th_right, blockquote, div.grad, .block_fill_gradient, #koordinat, .img_frame {text-decoration: none; background-color: white; color: black; background-image: none; }
table, table td, table th { border-color: black; }
}