article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 11px;}
body, button, input, select, textarea { font-family: Verdana, Arial, sans-serif; color: #222; }
::-moz-selection { background: #aaa; color: #fff; text-shadow: none; }
::selection { background: #aaa; color: #fff; text-shadow: none; }
/* Links =================================================================== */
a { color: #786C82; text-decoration: none; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; color: #f00;}
/* Typography ============================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #bfbfbf; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
p { margin: 1.5em  0; font-size: 1em; line-height: 1.1em; }
h1 { margin: 1em 0; font-size: 1.5em; line-height: 1em; }
h2 { margin: 1.0909em 0; font-size: 1.375em; line-height: 1.0909em; }
h3 { margin: 1.2em 0; font-size: 1.25em; line-height: 1.2em; }
h4 { margin: 1.3333em 0; font-size: 1.125em; line-height: 1.3333em; }
h5 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h6 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {overflow: hidden;}
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; font-size: 1em; line-height: 1.4em; }

/* ============================================================================ */
#container{width: 760px; margin: 0 auto 10px;}

header{position: relative}
header span{display: inline-block; width: 760px; position: absolute; text-align: center; top: 66px; left: 0; color: #534775;}
header a, header a:visited{color: #534775;}
header a:hover{text-decoration: underline;}
nav {background: rgb(235,235,235); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
margin: -10px -10px 0;border: 1px solid #fff; border-bottom: 0; padding: 5px; text-align: center;
-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;

}
.no-borderradius nav{
  background-image: url('../img/bg1.png'); background-repeat: no-repeat; background-position: top left;
  position: relative; top: -1px; left: -2px; width: 750px; padding-top: 7px;
}
.ie7 nav{
  top: -11px;
  left: -12px;
}
.ie7 .kontakt nav,
.ie7 .oferta nav{
  top: -1px;
  left: -2px;
}

nav a,
nav a:visited{color: #666; text-decoration: none; padding: 2px 5px; font-weight: bold;}
nav a:hover{color: #000}
nav a.active{color: #c00;}

#main {margin-top: 10px;position: relative;background-color: #fff; border: 1px solid #d0d0d0; padding: 10px 10px 60px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#main .header{

font-weight: bold; color:#C00;padding: 2px 15px; border: 1px solid #f3f3f3; font-size: 11px;background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 25%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(25%,rgba(235,235,235,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(75%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 25%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 25%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 75%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 25%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 75%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 25%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 75%,rgba(255,255,255,1) 100%); /* W3C */
-webkit-box-shadow: inset 0 0 0 1px #fff;-moz-box-shadow: inset 0 0 0 1px #fff;box-shadow: inset 0 0 0 1px #fff;
}

#main .header.attention {border: 1px dashed red;}
#main .header a { color:#C00; }

.no-borderradius #main .header{background: #fff url('../img/bg4.png') repeat-y left center;}

.index p img{float: left; margin: 2px 5px 10px 0;}
.index p {clear: left; margin: 5px 0 7px;}
.index hr{margin: 0;}
.index .gallery,
.oferta .gallery{float: right; margin: 0 0 4px 10px; height: 288px; width: 432px; position: relative;}
.index .gallery img,
.oferta .gallery img{top: 0; left: 0; position: absolute;}

#main .footerLinks{clear: both; bottom: 0; left: 0; right: 0; height: 30px; vertical-align: bottom; position: absolute; border: 1px solid #fff; border-top: 0; border-radius: 4px; text-align: center; line-height: 38px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
}
#main .footerLinks a{text-decoration: none; font-weight: normal; display: inline-block; margin: 0 6px;}

.no-borderradius #main .footerLinks{
  background-image: url('../img/bg2.png'); background-repeat: no-repeat; background-position: bottom left;
  bottom: -1px; left: -2px; width: 760px; padding-bottom: 1px;
}

#map{height: 500px; width: 100%;}
#map .bubble strong{}
#map .bubble img{float:right; margin: 28px 0 0 8px;}
#map .bubble p{margin-bottom: 5px;}
#map .bubble strong{color: #534775;margin-top: 3px; display: inline-block;}
.ie7 #map .bubble {width: 250px;}

.kontakt .box {
width: 440px;
position: relative;
float: right;
margin-top: 10px;background-color: #fff; border: 1px solid #d0d0d0; padding: 10px; border-radius: 6px;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 20px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(20px,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 20px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 20px); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 20px); /* IE10+ */
background: linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 20px); /* W3C */
box-shadow: inset 0 0 0 1px #ffffff;
-ms-behavior: url('PIE.php');
}

.no-borderradius .kontakt .box{
  background: #fff url('../img/bg3.png') no-repeat left top;
}

.kontakt .box form p{margin: 0.7em 0;}
.kontakt .box form label{display: inline-block; width: 88px; padding-right: 2px; text-align: right;}
.kontakt .box form input[type=text]{width: 250px;}
.kontakt .box form input[type=text],
.kontakt .box form textarea{border: 1px solid #B0B0B0;}
.kontakt .box form textarea{width: 338px; height: 200px;}
.kontakt .box form button{margin-left: 94px;}
.kontakt .box form input[type=text]:focus,
.kontakt .box form textarea:focus{background-color: #FFFFD2; outline: 0;}
.kontakt .box form input.error,
.kontakt .box form textarea.error{border: 1px solid #e00;}
.kontakt .box form label.error{color: #e00; display: block; float: none; width: auto; text-align: left; padding-left: 95px;}
.kontakt .box p.message{color: #090; text-align: center;}
.kontakt .box p.message.error{color: #e00;}
.kontakt .adres{float: left; width: 270px; text-align: center; margin-top: 10px; font-weight: bold;font-size: 12px;color: #786C82;}
.kontakt .adres span{display: block;}
.kontakt .adres span:first-child + span{font-size: 18px;}

.oferta .gallery{margin-top: 18px;}
.nfz{text-align: center;}

footer{color: #786C82; text-align: center;}
footer ul {padding: 0}
footer ul li{list-style-type: none; padding: 0 5px; display: inline-block;}
.ie7 footer ul li{zoom: 1;*display:inline;}



/* ============================================================================ */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .cf:before, .clearfix:after, .cf:after { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}