html {padding: 0; margin: 0; overflow-y: scroll; overflow-x: hidden; height: 100%}
body {padding: 0; margin: 0; position: relative; height: 100%;}
body, input, textarea {font-family: 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', 'Trebuchet MS', Verdana, 'Verdana Ref', sans-serif; font-size: 13px; color: #333; line-height: 150%;}

#bg1 {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; margin: 0; left: 0; width: 100%; height: 1200px; background: #fff url('../img/bg1.jpg') center 20px no-repeat;}
#bg2 {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; margin: 0; left: 0; width: 100%; height: 1200px; background: #fff url('../img/bg_on2.jpg') center 0px no-repeat;}
#bg3 {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; margin: 0; left: 0; width: 100%; height: 1200px; background: #fff url('../img/bg_kb.jpg') center 20px no-repeat;}

a {padding: 0 2px;}
a:link, a:visited {color: #506B0A; text-decoration: none;}
a:hover {background: #7CA11E; color: #fff}
a.img:hover, a.lightbox:hover {background: transparent;}
a.img:hover img, a.lightbox img, a.lightbox:hover img {border: solid 1px #41B93E}

#fb {position: absolute; top: 165px; left: 45px; display: block; width: 109px; height: 34px; box-shadow: 5px 5px 5px #888;}
#fb img {}
#fb:hover {background: transparent;}

a.gallery {background: transparent; display: inline-block; width: 90px; height: 90px; border: solid 2px #fff}
a.gallery:hover {border-color: #7CA11E}

h1, h2, h3, h4, h5, h6, h7 {text-transform: uppercase; color: #000}
h1, h2 {font-family: Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif}
h3 {font-size: 14px;}
h2 {font-size: 18px;}
blockquote {font-style: italic; margin-left: 0px;}

table {border-collapse: collapse; width: 100%}
td, th {border: solid 1px #ccc; padding: 3px}
th {background: #506B0A; color: #fff; }

.error {background: #990000; padding: 2px 10px; color: #eee}
.success {background: #EEC168; padding: 2px 10px;}
.replace {display: block; text-align: left; text-indent: -9999px; overflow: hidden}
ul.menu {list-style: none; margin: 0; padding: 0;}
.clear {clear: both}
.less_important {color: #999; font-size: 11px}
.hide {overflow: hidden; margin: -10px 0}
.hidden {display: none}
.pointer {cursor: pointer}
.show {text-transform: none; margin-left: 5px; color: #506B0A}
.absolute {position: absolute}
span.validate {font-style: italic; color: #666}
img.lewy {float: left; margin: 0 5px 5px 0}
.center {text-align: center}
img {border: none}
#harmonia, #roman {border-top: solid 1px #7CA11E; border-bottom: solid 1px #7CA11E; border-left: solid 1px #fff; border-right: solid 1px #fff}
a.img img {border: solid 1px #fff}
#contact-form {position: relative}
#sending {text-align: center; padding-top: 150px; position: absolute; top:0; left: 0; width: 100%; height: 150px; background: #fff url('../img/ajax-loader.gif') center 70px no-repeat; opacity:0.75;filter:alpha(opacity=75)}

#podpis {height: 29px; background: url('../img/podpis.png') top right no-repeat}
#loader {position: absolute; top: 100px; right: 200px; z-index: 1; display: none;}

#caly {position: relative; width: 970px; height: auto; margin: 0 auto; padding: 1px 0;}
#logo {width: 377px; height: 82px; position: absolute; top: 15px; left: -15px}
#logo a {width: 100%; height: 100%; background: url('../img/TT_logo.png') top left no-repeat}

#reebok {width: 380px; position: absolute; top: 30px; right: 0}

#main_menu {/*text-shadow: 0px 0px 5px #fff;*/ width: 220px; position: absolute; top:0; left:0; color: #050505; margin: 220px 0 0 45px; padding:0; font-size: 13px;}
#main_menu .lvl_1, #main_menu lvl_2 {text-transform: uppercase;}
#main_menu .lvl_3, #main_menu .lvl_4, #main_menu .lvl_2>ul {overflow:hidden}
#main_menu ul {text-transform: none; padding-left: 15px}
#main_menu a:link, #main_menu a:visited {display: inline-block; color: #050505; background: rgba(255,255,255,.5) url('../img/op_bg.png'); padding: 0 1px }
#main_menu a:hover, #main_menu li.active>a {background: #7CA11E; text-shadow: none; text-decoration: none; color: #fff}
#main_menu a {margin: 2px 0}
/*ul#main_menu li.active>a {text-shadow: none; color: #506B0A/*41B93E/*9EA509}*/
#main_menu li.active>a:hover {color: #eee}
#main_menu li.collapsed>a::after {
	content : ' \21E2';
}
#main_menu li.expanded>a::after {
	content : ' \21E1';
}

#top_menu {margin: 190px 0 0 530px;}
#top_menu li {margin-bottom: 10px; /*width: 220px;*/}
#top_menu li.news a {background: #FB941D}
#top_menu li.roman a {background: #D254A7}
#top_menu a {padding: 4px 10px; background: #7CA11E; color: #403F3F}
#top_menu a:hover {color: #eee}

#content {position: relative; z-index: 10; margin: 20px 0 30px 530px;  center 100px no-repeat; width: 420px}
#content_inner {position: relative; z-index: 5; width: 100%; padding-bottom: 20px;}
#content_inner1 {width: 100%; margin-left: -999px;}
#content h1 {font-size: 40px; font-weight: normal; line-height: 35px}
#content h1 span {display: block; color: #7CA11E; font-size: 50px; font-weight: bold}
#content h3 {background: url('../img/favicon.png') left center no-repeat; padding-left: 21px; margin-left: -21px;}
#main_loader {width: 80px; height: 80px; position: absolute; top: 350px; right: 180px; z-index: 1; background: url('../img/ajax-loader.gif') top left no-repeat}

#bottom_menu, ul.bottom_menu {margin-top: 30px; list-style: disc; color: #7CA11E;}
#bottom_menu li, ul.bottom_menu li {float: left; width: 45%; margin-left: 15px}

#oferta {margin: 30px 0 30px 530px}
#oferta a {padding: 5px 15px; background: #14E445; color: #403F3F}

ul.middle_menu li {float: left; margin-right: 10px;}
ul.middle_menu a {display: block; padding: 2px 15px; background: #41B93E; color: #403F3F}
ul.middle_menu a:hover {color: #eee}

input, textarea {border: 1px solid #ccc; width: 99%; background: #FFF7E7}
textarea {height: 100px}
input.submit {width: auto; padding: 2px 15px; background: #41B93E; color: #403F3F; cursor: pointer; border: none}

.photo-content {padding: 10px; background: #fff; box-shadow: 0 0 10px #666; margin: 0 5px;}
.photo-content.vertical {margin-right: 10px}

#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}

p.summary {text-align: right; font-size: 11px; color: #666; margin-top: 100px}

.promocja {
	background: #eee;
	border:dotted 1px #ccc;
	padding: 0 .5em;
}