/* 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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* global */
body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,verdana,sans-serif;
background: #dce0c9 repeat-x top center;
color: #3a3a3a;
}
a, a:visited, h2, h3, #content strong, #offers dt, #sub div.sub_menu li.current a {color: #424376;}
a {text-decoration: none; cursor: pointer}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h2 {line-height: 25px; padding-left: 25px; margin-bottom: 10px}
h4 {color: #424376;}
p {margin-bottom: 10px}
.access {display: none;}
.clearfix {clear: both;}
.error{color:red;}
/* page styles */
#container {}
#wrapper {width: 778px; margin: 0 auto; position: relative; z-index: 10; font-size: 0.9em;}
#top {background: url(../img/top_bg.jpg) no-repeat top left; height: 332px;}
#change {background: url(../img/change.jpg) right top no-repeat; margin:0; margin-top: 34px; _margin-top: 18px; height: 55px;}
div#header {width: 768px; position: relative; left: -126px; _left:0}
h1 {width: 768px; height: 154px;}
h1 img {float: right; margin-right: 80px;}
#menu {background: url(../img/menu_bg.jpg) top left no-repeat; overflow: hidden; height: 57px; margin-top: 32px}
#menu ul {list-style: none; float: right; margin-top: 2px;}
#menu li {float: left; height: 51px;}
#menu a {font-weight: bold; float: left; height: 47px; background: no-repeat;}
#menu li:hover {background: #424376}
#menu a span {display: none}
#m_about a {background-image: url(../img/m_about.jpg); width: 62px;}
#m_services a {background-image: url(../img/m_services.jpg); width: 77px;}
#m_purchase a {background-image: url(../img/m_purchase.jpg); width: 90px;}
#m_gallery a {background-image: url(../img/m_gallery.jpg); width: 73px;}
#m_window a {background-image: url(../img/m_window.jpg); width: 76px;}
#m_contact a {background-image: url(../img/m_contact.jpg); width: 73px;}
#top form {float: left; width: 200px; margin-left: 5px; position: relative;}
#top form label {display:block; width: 200px;}
#top #searchword {border: 1px solid #777; height: 20px; width: 112px; background: url(../img/searchword_bg.jpg) no-repeat; padding-left:3px; padding-top: 3px; font-size: 10px; position: absolute; top: 21px; }
#top #submit {position: absolute; top: 21px; left: 118px;}
#top input:focus {background: #aaddaa}
#content_wrapper {clear: both; }
#content {width: 778px; position: relative; margin: 0 auto; background: url(../img/sub_bg.png) repeat-y; font-size: 0.9em; z-index: 14;}
#main {float:right; padding:5px 10px; width:530px;}
#main img {float: left; margin-right: 5px;}
#main h3 {padding-bottom:5px;}
#main.big p {font-size: 1.1em}
#main div.left {width: 292px; float: left; clear: left; }
#main div.right {padding-left: 292px;}
#main ul {margin-left: 5px; margin-bottom: 10px}
#main li {background:transparent url(../img/square.gif) no-repeat scroll 0pt 6px; line-height:1.5em; margin-bottom:10px; overflow:hidden; padding-left:12px; zoom:1}
#menuPath li {display: inline; padding-left: 0; background: none;}
#content_wrapper {clear: both;}
#content {letter-spacing: 1px; line-height: 1.25em; position: realtive; z-index: 20}
#content p {line-height: 1.3em; overflow: hidden; padding: 0 5px;}
#content h4 {margin: 0 5px;}
p#welcome {height: 53px; line-height: 53px; font-weight: bold; margin-bottom: 0;}
a.details {float: right; clear: left; font-weight: bold; letter-spacing: 0; padding-right: 15px; }
a.details:hover {}
a.details:after {content: " >>"; font-weight: normal;}
div#offer {background: url(../img/offer_bg.png) repeat-y; clear: both;}
#offer:after {content:'.'; visibility: hidden; clear: both; display: block;height:0px; overflow: hidden;}
#offer ul {margin:0; }
#offer li {float: left; background: top left no-repeat; width: 185px; padding:0; margin: 0 1px; }
#offer li#o_windows {background-image: url(../img/main1.jpg);}
#offer li#o_doors {background-image: url(../img/main2.jpg);}
#offer li#o_conservatories {background-image: url(../img/main3.jpg); width: 174px; margin-right: 0;}
#offer li h4 {margin: 5px;}
#offer li h3 a {display: block; background: url(../img/offer_a_bg.png) repeat-x; color: #fff; font-weight: bold; line-height: 28px; text-indent: 10px; font-size: 13px; letter-spacing: 1px; margin-bottom: 15px; height:121px;}
#offer li h3 {padding-left:0;}
#offer li h3 a:hover {text-decoration: none;}
#offer li ul {margin: 20px 5px;}
#offer li li {background: url(../img/square.gif) 0 7px no-repeat; float: none; padding-left: 10px; line-height: 18px; width: 170px; margin:0}
#offer li a.details {margin-bottom:5px;}
div#partners {background: url(../img/partners_bg.jpg) -2px 0 no-repeat; width: 550px; height: 110px;}
#partners h2 {margin-bottom: 5px;}
#partners img {float: left;}
#partners h4 {color: #333; margin-bottom: 10px;}
#partners blockquote {font-style: italic}
ul#gallery {clear: both; margin:0; border-top: 5px solid #494979; padding-top: 15px; background: #e4e8ce; overflow: hidden;}
#gallery li {padding:0; background: none; float: left; margin:0; margin-bottom: 10px; width: 194px; position: relative; overflow: hidden; min-height:146px;}
* html #gallery li {height:146px;}
#gallery li a {background: url(../img/gallery_link_bg.png) no-repeat; display: block; width: 194px; position: relative; }
#gallery li img {max-width: 176px; padding: 5px 9px 0px 9px; margin: 0 auto; position:relative; z-index: 14; margin:0 auto; display:block; float:none !important; max-height:114px !important;}
#gallery li.clear {clear:both;}
#gallery li a.details {position:absolute; top:0; left:0; width: 194px; height: 143px; text-indent: -200px; z-index:15;}
#gallery li a.details:after {display:none;}
#gallery li.clearl {clear: left}
#links {float: right; width: 200px; line-height: 35px;}
#next_link {border-left: 1px solid #333; padding-left: 5px}
#prev_link:before {content: '<< '}
#next_link:after {content: ' >>'}
#sub {float: left; width: 228px;}
#sub a {font-weight: bold;}
#sub div.ad {height: 240px; background: url(../img/box_bg.jpg); position: relative;}
div.ad blockquote {text-align: right; padding-right: 10px; padding-top: 15px;}
div.ad blockquote strong {font-weight: bold; font-size: 1.7em; color: #424376;}
div.ad blockquote p {font-size: 1.3em;}
#sub div.ad blockquote p strong {font-size: 1.2em; color: #3a3a3a;}
div.ad blockquote em {display: block; font-style: italic}
div.ad img {position: absolute; left: -30px; top:80px}
#sub div.ad .details {position: absolute; bottom: 6px; right: 10px;}
#sub div.sub_menu {background: url(../img/submenu.jpg) repeat-y; padding-bottom: 20px}
#sub div.sub_menu h2 {background: none; height: 32px;}
#sub div.sub_menu ul {padding-top: 15px; background: url(../img/sub_menu.jpg) no-repeat;}
#sub div.sub_menu li {background: url(../img/sub_menu_item.jpg) no-repeat; line-height:30px; height:31px; color: #777}
#sub div.sub_menu li a {background: url(../img/inactive.gif) 0 2px no-repeat; padding-left: 12px; margin-left: 5px; color: #333}
#sub div.sub_menu li.current a, #sub div.sub_menu li a:hover {background: url(../img/active.jpg) 0 2px no-repeat; color: #424376}
#sub div.contact {}
#sub p.address {text-align: right; height: 111px; margin:0; position: relative; left: -40px; bottom: 0; width: 258px; background: url(../img/telefon.png) no-repeat;}
#sub h2 {background: url(../img/sub_h2_bg.jpg) repeat-x; height: 48px; line-height: 36px;}
#footer_wrapper {width: 778px; margin: 0 auto; position: relative; z-index: 10; font-size: 0.9em;}
#footer {clear: both; overflow: hidden; height: 38px; background: #dce0c9 url(../img/footer_bg.png) no-repeat top center; padding-left: 5px;}
#footer_in {padding: 15px 20px 0 0; float: left}
#footer_in a, #footer_in a:visited {font-weight: bold;}
#footer_in a:hover {}
#footer a {float: right; margin-bottom:0;}
#footer div a {float: none;}
#warski {margin:0;}
#bg1, #bg2 {position: absolute; top: 0; z-index: 1; width: 49%; background: repeat-x top left; height: 826px; background-color: #d8ddc1;}
#bg1 {background-image: url(../img/body_bg.jpg);}
#bg2 {background-image: url(../img/body_bg2.jpg); right: 0}
#bg3 {background: url(../img/shadows.png) top center repeat-y; width: 100%; z-index: 18; position: relative;}
/* splash page */
body.page_index {background-image: url(../img/body_bg_splash.jpg); }
.page_index #bg1 {background-image: url(../img/body_bg_splash.jpg); height: 860px;}
.page_index #bg2 {background-image: url(../img/body_bg_splash2.jpg); height: 860px;}
.page_index #wrapper { background: url(../img/splash_screen.jpg) no-repeat top center;}
.page_index #top {background-image: url(../img/top2.jpg); height: 640px;}
.page_index #change {background: url(../img/change_big.jpg) no-repeat; margin-top:0; _margin-top: 0; height:61px;}
.page_index #content {background: none;}
.page_index #main {background: none; height: 103px; padding-top: 30px; letter-spacing: 1px; width: 777px;}
.page_index #welcome {background: url(../img/welcome.png) 0 -3px no-repeat; }
.page_index #main #entrance_desc {width: 350px; float: left; text-align: justify}
#entrance {float: left; background: url(../img/entrance.png) no-repeat; width: 155px; height: 86px; margin-left: 100px;}
/* main page */
body.page_main #main {padding-left: 0; padding-right: 0; width: 550px;}
.page_main #bg1, .page_main #bg2 {height: 697px;}
.page_main #sub p.address {top:14px;}
.page_main #content {background: none;}
.page_main #container {background: url(../img/bg4_bg.png) bottom left repeat-x;}
.page_main #partnersi {margin-right:0}
/* gallery page */
body.page_gallery {}
.page_gallery #main {background: #f2f0db url(../img/welcome_bg.jpg) 228px 0 no-repeat; width: 778px;}
.page_gallery #bg1, .page_gallery #bg2 {height: 800px; background-color: #d8ddc1}
.page_gallery h2 {width: 50%; float: left; line-heighT: 35px; margin:0}
/* IE6 bugs */
h1 img, #entrance, .ad img, .contact .address, #offer li a, #gallery li a.details
{behavior: url(css/iepngfix.htc)}
* html #wrapper {width:960px; margin: 0 auto;}
* html #content {margin:0 auto; width: 778px;}
* html .page_index #content {width: 786px;}
* html #footer {margin:0 auto; width: 772px;}
* html #offer {zoom:1;}
* html #offer li {overflow: hidden}
* html #bg3 {width: 858px; z-index: 10; margin:0 auto; background: url(../css/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/shadows.png', sizingMethod='scale');}
* html blockquote p {zoom:1; margin-bottom: 0;}
* html a.details {background: url(../img/detail.gif) no-repeat center right; padding-right: 16px;}
* html #sub div.contact {}
* html #sub div.contact p.address {zoom:1; left:0; margin-left:-40px; }
* html #gallery {zoom:1}
* html #content {z-index: 25; zoom:1}
* html #prev_link {background: url(../img/prev.gif) no-repeat center left; padding-left: 16px;}
/* IE7 bugs */
.page_main #sub div.contact p.address {*top: 28px;}
a.details, #next_link {*background: url(../img/detail.gif) no-repeat center right; *padding-right: 16px;}
#prev_link {*background: url(../img/prev.gif) no-repeat center left; *padding-left: 16px;}
#bg1, #bg2 {width: 51%;}
.form {width:508px;}
.form label {clear:both;display:block; float:left; width:150px;}
.form input {background: transparent url(../img/bg_input_long.png) no-repeat 0% 0%; height:18px; margin-bottom:10px; padding:5px 5px 3px; width:343px; border:none;}
.form textarea {background:transparent url(../img/bg_text_area.png) no-repeat scroll 0% 0%; height:129px; overflow:auto; padding:5px; width:342px; border:none; margin-bottom:10px;}
#main .form input.fSubmit {background:url(../img/bg_input_button.png) no-repeat; height:27px; padding:0px; width:67px; float:right;}
/*Selects*/
#main .form .selectArea {
width:200px;
height:21px;
background:url(../img/select_bg.gif) repeat-x left top;
float:left;
margin-bottom:10px;
}
#main .form .selectArea .left {
width:8px;
height:21px;
float:left;
background:url(../img/select_left.gif) no-repeat left top;
}
#main .form .selectArea .right {
width:21px;
height:21px;
float:right;
background:url(../img/select_right.gif) no-repeat left top;
padding:0px;
}
#main .form .selectArea .right a {
display:block;
width:21px;
height:21px;
}
#main .form .selectArea .right i {
display:none;
}
#main .form .selectArea .center {
width:160px;
margin-left:5px;
margin-right:20px;
color:#FFF;
padding-top:3px;
}
/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#6f7074; padding:2px; font-size:11px; z-index:20;}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {margin:0; padding:0;}
.optionsDivVisible a {color:#F2F2F2; text-decoration:none; display:block; padding:1px 4px; border:1px solid #6f7074;}
.optionsDivVisible a:hover { color:#FFF; background:#5F6062; border-color:#cfd0d6;}