/* CSS Document by 2gr@2gr.pl */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, big, em, img, q, small, strong, tt, var,
b, u, i, 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-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.25;
vertical-align: baseline
}
h1, h2, h3, h4, h5, h6 { font-weight: normal }
a img, :link img, :visited img, :active img, :hover img, fieldset, abbr, acronym { border:0 }
a { color:#059; text-decoration:none; }
a:hover { text-decoration:underline;}
table { border-spacing:0; border-collapse:collapse }
th, caption { text-align:left }
blockquote, q { quotes: none }
pre { font-family: 'Courier New', Courier, monospace }
:focus { outline: 0 }
label:hover { cursor:pointer }
ol, ul { list-style: none }
.fl { float:left }
.fr { float:right }
.block { display:block }
.nowrap { white-space:nowrap !important }
form { margin:0; padding:0; display:inline }
input, select, textarea {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.25
}
body{
font: 12px Tahoma, Geneva, sans-serif;
color: #333333;
background: #000000 url(i/bg_body.jpg) repeat top;
}
body a {
color:#286ba6;
text-decoration:none;
font-weight: bold;
}
body a:hover{
text-decoration:underline;
}
.clra {
height: 1%;
}
.clra:after {
display: block;
content:'';
clear: both;
}
#Main {
width: 770px;
margin: 15px auto 0 auto;
padding-bottom: 15px;
}
#Main #Top {
height: 89px;
width: 770px;
position: relative;
margin-bottom: 3px;
}
#Main #Top .logo {
float: left;
display: block;
}
#Main #Top #Navi {
width: 612px;
height: 89px;
float: left;
}
#Main #Top #Navi li {
width: 119px;
height: 89px;
float: left;
padding-left: 3px;
}
#Main #Top #Navi li a {
display: block;
width: 119px;
height: 89px;
text-indent: -300px;
overflow: hidden;
background-color: #ffffff;
}
#Main #Top #Navi li.on {
width: 121px;
}
#Main #Top #Navi li.on a {
display: block;
width: 111px;
border-right: 10px solid #ff6600;
height: 89px;
text-indent: -300px;
overflow: hidden;
}
#Main #Top #Navi li a#Ofirmie {
background: #ffffff url(i/navi_ofirmie_off.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li a#Oferta {
background: #ffffff url(i/navi_oferta_off.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li a#Cennik {
background: #ffffff url(i/navi_cennik_off.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li a#Galeria {
background: #ffffff url(i/navi_galeria_off.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li a#Kontakt {
background: #ffffff url(i/navi_kontakt_off.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li.on a#Ofirmie {
background: #ff791f url(i/navi_ofirmie_on.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li.on a#Oferta {
background: #ff791f url(i/navi_oferta_on.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li.on a#Cennik {
background: #ff791f url(i/navi_cennik_on.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li.on a#Galeria {
background: #ff791f url(i/navi_galeria_on.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li.on a#Kontakt {
background: #ff791f url(i/navi_kontakt_on.gif) no-repeat 14px 66px;
}
#Main #Top #Navi li a#Ofirmie:hover, #Main #Top #Navi li a#Oferta:hover, #Main #Top #Navi li a#Cennik:hover, #Main #Top #Navi li a#Galeria:hover, #Main #Top #Navi li a#Kontakt:hover {
background-color: #d3eaff;
}
#Main #Top #Navi li.on a#Ofirmie:hover, #Main #Top #Navi li.on a#Oferta:hover, #Main #Top #Navi li.on a#Cennik:hover, #Main #Top #Navi li.on a#Galeria:hover, #Main #Top #Navi li.on a#Kontakt:hover {
background-color: #ff791f;
width: 111px;
border-right: 10px solid #ff6600;
}
#Main #Top .kostka {
position: absolute;
top: -5px;
right: -10px;
}
#Main #Flash {
margin-bottom: 3px;
}
#Main #Flash img {
display: block;
}
#Footer {
background-color: #ff791f;
border-right: 10px solid #ff6600;
color: #ffffff;
font-size: 10px;
padding: 5px 10px 6px 12px;
}
#Footer span {
float: right;
}
#Footer ul {
float: left;
width: 495px;
}
#Footer li {
float: left;
padding-right: 15px;
border-right: 1px solid #ff9d5b;
margin-right: 15px;
}
#Footer li a {
font-size: 11px;
color: #ffffff;
}
#Footer .stat24 {
float: left;
margin: -1px 5px -1px 0;
}
#Main .content {
background: url(i/bg_2cols.gif) repeat-y top left;
margin-bottom: 3px;
}
#Main .content .colL {
width: 465px;
float: left;
}
#Main .content .colR {
width: 302px;
float: right;
}
#Main h1 {
background: url(i/bg_hd.jpg) no-repeat top left;
height: 84px;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
margin-bottom: 25px;
overflow: hidden;
}
#Main h1 span {
text-indent: -500px;
display: block;
margin: 29px 0 0 23px;
}
#Main h1#HdOfirmie span {
background: url(i/hd_ofirmie.gif) no-repeat top left;
height: 39px;
width: 128px;
}
#Main h1#HdCennik span {
background: url(i/hd_cennik.gif) no-repeat top left;
height: 39px;
width: 87px;
}
#Main h1#HdGaleria span {
background: url(i/hd_galeria.gif) no-repeat top left;
height: 39px;
width: 135px;
}
#Main h1#HdKontakt span {
background: url(i/hd_kontakt.gif) no-repeat top left;
height: 39px;
width: 152px;
}
#Main h1#HdOferta span {
background: url(i/hd_oferta.gif) no-repeat top left;
height: 39px;
width: 142px;
}
#Main .contentIn {
padding: 0 25px 25px 25px;
}
#Main .contentIn p {
padding-bottom: 25px;
line-height: 18px;
}
#Main .colR h2 {
border-bottom: 1px solid #286ba6;
border-right: 3px solid #ffffff;
height: 54px;
margin: 32px 0 0 0;
text-indent: -500px;
overflow: hidden;
margin-bottom: 25px;
}
#Main h2#HdKontaktN {
background: url(i/hd_kontakt_n.gif) no-repeat 23px top;
}
#Main h2#HdGaleriaN {
background: url(i/hd_galeria_n.gif) no-repeat 23px top;
cursor: pointer;
}
#Main .content .colR .kostki {
margin: 20px 0;
float: right;
}
#Main .content .colR .gal {
border: 3px solid #cccccc;
margin-bottom: 10px;
display: block;
}
#Main .colL h2 {
color: #ff791f;
font-size: 20px;
text-align: center;
padding-bottom: 40px;
}
h3 {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #333333;
margin-bottom: 10px;
}
ul.std {
padding-bottom: 20px;
}
ul.std li {
background: url(i/arr.gif) no-repeat left 5px;
padding: 0 0 5px 12px;
}
.prod {
padding: 10px 0 20px 0;
}
.prod img {
margin: 0 12px 24px 12px;
}
table.cennik {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 20px;
}
table.cennik th {
border-bottom: 1px solid #286ba6;
color: #286ba6;
padding: 5px;
font-size: 11px;
}
table.cennik td {
border-bottom: 1px solid #cccccc;
color: #666666;
padding: 5px;
font-size: 11px;
}
table.cennik th.rt, table.cennik td.rt {
text-align: right;
}
table.cennik td.ct, table.cennik th.ct {
text-align: center;
}
.galeria img {
margin-bottom: 25px;
}
a.more {
display: block;
font-weight: bold;
text-align: right;
}
.btnRF {
float: right;
}