html{color:#696a66;background:#f4f5ec;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body {
font:normal normal 100%/1.2 Helvetica, Arial, Sans-Serif;
}
#wrapper {
height:598px;
width:978px;
margin:0 auto;
position:relative;
}
#t-l, #logo, #t-r, #glowna, #galeria, #oferta, #kontakt, #blog, #znajomi, #c-l, #c-r , #c-b {
background-image:url(images.png);
background-repeat:no-repeat;
}
html a:focus {
overflow:hidden;
}
#header {
border-bottom:1px solid #b7b8b2;
background-color: #f8fbf6;
height:109px;
}
#t-l {
background-position:0 0;
float:left;
height:111px;
width:20px;
}
#logo {
background-position:-50px 0;
float:left;
height:62px;
width:324px;
left:35px;
top:20px;
position:absolute;
text-indent:-9999px;
}
#t-r {
background-position:-25px 0;
float:right;
height:111px;
width:20px;
}
.menu {
height:28px;
width:822px;
text-indent:-9999px;
margin:0 auto;
}
.menu li {
float:left;
}
.menu a {
display:block;
height:20px;
margin-top:4px;
position:relative;
}
.menu #glowna {
background-position: -50px -75px;
width:192px;
}
.menu #galeria {
background-position:-50px -100px;
width:127px;
}
.menu #oferta {
background-position:-50px -125px;
width:124px;
}
.menu #kontakt {
background-position:-50px -150px;
width:139px;
}
.menu #blog {
background-position:-50px -175px;
width:107px;
}
.menu #znajomi {
background-position:-50px -200px;
width:133px;
}
.content-wrapper {
background-color: #f8fbf6;
height:456px;
}
#c-l {
background-position:0 -112px;
float:left;
height:456px;
width:20px;
}
#content-wrap {
border-top:1px solid #B7B8B2;
float:left;
height:432px;
width:938px;
}
.content {
font-size:13px;
height:420px;
margin-top:12px;
overflow:auto;
width:938px;
}
p {
margin-bottom:10px;
}
strong {
font-weight:bold;
}
.slideshow {
height: 393px;
width: 550px;
margin:10px auto 0;
}
.galeria {
background-image:url("galeria.jpg");
background-repeat:no-repeat;
border:1px solid #B7B8B2;
height:359px;
margin:25px auto 0;
text-indent:-9999px;
width:692px;
}
.galeria a {
float:left;
height: 357px;
width:115px;
}
.pakiet_name {
color:#C00000;
font-size:15px;
font-weight:bold;
margin:10px;
}
.pakiet_zakres {
margin:18px;
}
#dodatkowe {
font-size:10px;
margin:20px;
}
.kontakt {
border:1px solid #B7B8B2;
height:359px;
margin:25px auto 0;
width:692px;
}
#dane_kontaktowe {
float:left;
margin:50px 0 0 30px;
width:250px;
}
#formularz_kontaktowy {
float:right;
margin-top:50px;
width:350px;
}
#cf legend {
color:#696A66;
font-weight:bold;
padding:0 2px;
}
#cf label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}
#cf input {
width:140px;
}
#cf li {
padding: 5px;
}
#cf em {
font-weight: bold;
font-style: normal;
color: #f00;
}
#cf label {
width: 120px;
}
#cf textarea {
width:200px;
}
.errors, .errors strong, #thankyou {
font-size: 14px;
color: red;
}
#c-r {
background-position:-25px -112px;
float:right;
height:456px;
width:20px;
}
#c-b {
background-position:0 -575px;
bottom:4px;
height:21px;
left:10px;
position:absolute;
width:954px;
}
#footer {
text-align:center;
font-size:11px;
}
#footer a {
color:#696a66;
}