/* ~-~-~-~-~-~-~-~-~-~ Frantisek Wolf (www.pilawolf.cz) ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~- GFiX via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~-~-~ */
html, body { height: 100%; }

@font-face {
	font-family: "Arial Black";
	src: url("arial-black.eot");
	src: local("Arial Black"), local("Arial Black"),
	url("arial-black.ttf") format("truetype");
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: .9em "Arial CE", Arial, sans-serif;
	color: #353224;
	background: #d7b589 url("bg-tile.jpg") fixed;
}

/* ~-~ common ~-~ */
a { text-decoration: underline; color: #3349cc; outline: none; cursor: pointer; } :focus { outline: none; }
a:visited { color: #4e20c4; }
a:hover, a:active { text-decoration: underline; color: #232f46; }

h1, h2, h3, h4, #side-nav a, #side-nav li strong, #offer-head { font-family: "Arial Black", "Arial CE", Arial, sans-serif; }
h1, h2, h3, h4 { position: relative; left: -1px; margin: 0; padding: 0; color: #000; font-size: 1.6em; font-weight: bold; text-shadow: #cbbe86 2px 2px 0; }
h1 { margin-bottom: .4em; padding-bottom: 5px; color: #264f1f; background: url("bg-line-olive.png") left bottom repeat-x; }
h2, h3, h4 { margin-top: .2em; font-size: 1.2em; text-transform: uppercase; }
h3, h4 { font-size: 1em; color: #3f3b29; }
h2:first-letter { font-size: 1.4em; }
h3:first-letter, h4:first-letter { font-size: 1.2em; }
h2 a { color: #3349cc !important; text-decoration: none; }
h2 a:hover { color: #232f46 !important; text-decoration: none; }

p, address {
	margin: 0;
	padding: .2em 0 .6em 0;
	line-height: 150%;
}
strong { font-weight: bolder; }

ul, ol { margin: 0; padding: 0; line-height: 150%; list-style: none; }

hr, .hr { display: none; }

.left, .alignleft, .gallery-item { float: left; }
.right, .alignright { float: right; }
.clear { clear: both; }

img { border: none; }

address { font-style: normal; }
abbr { cursor: help; border-bottom: 1px dotted #232f46; }
sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-variant: small-caps;
}

#accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ lay-out-ta" ~-~ */
#main {
	position: relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto; margin-bottom: -186px;
	width: 960px;
	text-align: left;
}

/* ~-~ header ~-~ */
#header { position: relative; margin: auto; width: 960px; height: 300px; background: url("bg-top-wood.jpg") no-repeat; }
#header-top { position: absolute; z-index: -1; top: 0; width: 100%; height: 310px; background: url("bg-top.png") repeat-x; }

#logo { position: absolute; z-index: 1; top: 35px; left: 8px; }
#logo a { display: block; padding-top: 227px; width: 466px; background: url("logo-wolf.jpg") no-repeat; overflow: hidden; height: 0; }

#motto { position: absolute; z-index: 1; top: 272px; left: 44px; padding-top: 13px; width: 899px; background: url("motto.jpg") no-repeat; overflow: hidden; height: 0; }

/* ~-~ main ~-~ */
#push-top { margin-top: 24px; height: 6px; background: url("bg-push-top.png") top no-repeat; }
#main-in { background: url("bg-main-in.png") 18px 0 repeat-y; overflow: auto; }

#center { float: right; margin-right: 18px; padding: 13px 26px 15px 26px; width: 631px; }

#center ul, ol { margin-bottom: 5px; }
#center li { margin-left: 5px; padding-left: 23px; line-height: 1.8em; background: url("bg-ul-ol.png") left no-repeat; }

#dr-bek { margin-bottom: .6em; font-size: .9em; text-transform: lowercase; }
#dr-bek a:visited { color: #3349cc; } #dr-bek a:hover { color: #232f46; }
#dr-bek strong { color: #232f46; }

/* ~-~ left navi" ~-~ */
#side-nav { float: left; margin-left: 18px; padding: 17px 26px 15px 26px; width: 171px; }

#side-nav li { font-weight: bold; text-transform: uppercase; }
#side-nav a { color: #fff4ae; text-decoration: none; text-shadow: #4d5132 2px 2px 0; font-size: 1em; line-height: 2.1em; }
#side-nav li a { display: block; padding: 0; }
#side-nav li.current_page_item a { color: #ff9500; }
#side-nav li.current_page_item ul a { color: #fff4ae; }
#side-nav li a:hover, #side-nav li.current_page_item a:hover { color: #ffec00; }

#side-nav li ul { display: none; }
#side-nav ul li li a { padding-left: 10px; font-size: .8em; }
#side-nav li.current_page_item ul, #side-nav li.current_page_parent ul { display: block; }

#searchbox { margin: 15px 0 1px 0; padding-top: 20px; background: url("bg-line-olive.png") left top repeat-x; }
#searchform { padding-bottom: 5px; width: 168px; }
#searchbox label, #searchform label { display: none; }
#searchbox #s, #searchform #s { margin: 5px 0; width: 168px; }
#searchsubmit, .wpcf7 #submit { padding: 1px 2px; text-transform: uppercase; font-size: .7em; }

/* ~-~ photos ~-~ */
.gallery { clear: both; }
.wp-caption, .gallery-icon { background: url("bg-photo.png"); border: 1px solid #bfaf78; }
.wp-caption img, .gallery-icon img { margin: 5px; }

.wp-caption:hover, .gallery-icon:hover { border: 1px solid #8f835a; }

.alignleft { margin: 3px 10px 3px 0; }
.gallery-icon { margin: 3px 14px 11px 0; }
.alignright { margin: 3px 0 3px 10px; }

.wp-caption-text, .gallery dd { display: none; }

/* ~-~ special offer ~-~ */
#offer { position: absolute; z-index: 1; top: 35px; right: 59px; width: 340px; height: 203px; text-align: center; overflow: hidden; }

#offer-head { margin-bottom: 5px; color: #fff4ae; text-shadow: #4d5132 2px 2px 0; font-size: 1em; text-transform: uppercase; }
.item { padding-top: 10px; clear: both; text-align: left; font-weight: bold; font-size: .8em; line-height: 1.8em; color: #000; overflow: auto; cursor: pointer; }
.item strong { font-size: 1.2em; text-transform: uppercase; }
.clip { float: left; position: relative; margin: 0 10px 0 0; height: 78px; width: 78px; background: url("bg-clip.png"); }
.clip img { height: 78px; width: 78px; position: absolute; left: 0; clip: rect(5px 73px 73px 5px); }

.item a:visited { color: #3349cc; }
.item a:hover, .item a:active { color: #232f46; }

/* ~-~ fin ~-~ */
.push { height: 186px; background: url("bg-push.png") top no-repeat; }
#footer { margin-top: 29px; height: 157px; background: url("bg-footer.png"); overflow: hidden; }
#footer-in { position: relative; margin: auto; padding: 24px 30px 0 30px; width: 900px; height: 96px; font-size: .85em; color: #fff4ae; text-align: left; }
#footer a { color: #fff4ae; } #footer a:visited { color: #fff4ae; } #footer a:hover { color: #ff9500; }
#footer p { padding: 0; line-height: 1.7em; } #footer strong { color: #ff9500; }
.col-1 { float: left;  width: 220px; }
.col-1 strong { display: block; padding-top: 82px; width: 165px; background: url("logo-pila-wolf.png") no-repeat; overflow: hidden; height: 0; }
.col-2 { margin-top: -6px; float: left; width: 203px; }
.col-3 { margin-top: -6px; float: left; width: 250px; }

#tech, #links, #service { font-size: .85em; }
#tech { position: absolute; top: 82px; right: 25px; width: 200px; height: 13px; text-align: right; overflow: hidden; }

#tech-count { display: inline; }

#links { clear: both; padding: 12px 5px 0 5px; text-transform: lowercase; color: #b8b070; font-size: .85em; text-align: center; }
#links a { white-space: nowrap; color: #b8b070; } #links a:visited { color: #b8b070; } #links a:hover { color: #fff4ae; }

#service { position: absolute; top: 7px; right: 25px; display: block; text-align: right; }

/* ~-~ forms ~-~ */
.wpcf7 { margin: 0; padding: 0; position: relative; }
.your-name, .your-email, .your-message { font-weight: bold; }

.wpcf7-response-output { margin: 5px 0; }

.wpcf7-mail-sent-ok { padding: 10px; color: #264f1f; font-weight: bold; background-color: #dceccd; border: 1px solid #859c81; }
.wpcf7-mail-sent-ng, .wpcf7-spam-blocked, .wpcf7-validation-errors { padding: 10px; color: #b80000; font-weight: bold; background-color: #ff9; border: 1px solid #fc0; }

.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip {
	position: absolute;
	right: 0;
	z-index: 100;
	color: #b80000;
	background: #ffff99;
	border: 1px solid #fc0;
	font-weight: bold;
	font-size: .8em;
	padding: 2px 10px !important;
	width: auto;
}

.wpcf7-not-valid-tip-no-ajax { color: #b80000; font-weight: bold; display: block; }
.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }

img.ajax-loader { border: none; vertical-align: middle; }

/* ~-~ tables ~-~ */
table.cenik { margin: 7px 0; padding: 0; width: 100%; border: none; font-size: .8em; text-align: left; }
table.cenik caption { display: none; }
table.cenik th { padding: 10px; text-align: left; font-size: 1.2em; text-transform: uppercase; background: url("bg-photo.png"); border-top: 3px solid #d1b16d; border-bottom: 3px solid #d1b16d; }
table.cenik td { padding: 10px; vertical-align: top; border-bottom: 1px solid #d1b16d; }
table.cenik th.c-1 { width: 30%; }
table.cenik th.c-2 { width: 16%; }
table.cenik th.c-3 { width: 27%; }
table.cenik th.c-4 { width: 27%; }

/* ~-~ r.i.p. ~-~ */
#stats, img#wpstats { display: none; }

/*.bubbleInfo { position: relative; } .popup { position: absolute; display: none;	padding: 5px; border: 1px solid #ccc; background-color: #fff; }*/