html,body {
height: 100%;
margin:0px; padding:0px;
background:#d9ecfd url('../img/bg.jpg') repeat-x;
text-align:left;
font: normal 12px/160% Verdana;
color:#063f62;
}
div.hr hr{display:none}
div.hr{border-top:1px dashed #063f62; clear:both;}
img{
border:0;
}
a{
}
a:hover{
}
h1{
font: normal 20px 'Trebuchet MS', Verdana;
text-align:center;
width:726px;
margin:0px;
background:#063f62;
padding:10px 0px;
}
h2{
width:726px; height:36px;
margin:10px 0px 0px 0px; padding:0px;
}
h3{
font: bold 12px Verdana;
font-variant: small-caps;
padding:10px 0px;
}
h4{
font: bold 12px Verdana;
}
ul, ol{
}
li{
margin-top:10px;
}
DIV#containerContent ul{
list-style-image: url(../img/pointer.gif)
}
DIV#container{
width: 788px;
background: url(../img/bg2.png) repeat-y;
margin:auto;
}
DIV#containerHeader{
width:726px; height:367px;
margin:0px auto 0px 25px;
background:#063f62;
}
DIV#containerContent{
width:726px; height:auto;
background: #fff;
margin:0px auto 0px 25px;
}
DIV#containerFooter{
width:726px; height:89px;
background: url(../img/footer.png) repeat-x;
color:#fff;
font-size: 11px;
clear:both;
}
DIV#containerContent p.first{
margin:20px 0px 10px 0px;
}
DIV#containerContent h2 span, DIV#containerContent h3 span{
display:none;
}
H2#H2wwz{
background:#fff url(../img/h2wwz.png) no-repeat right;
}
IMG#dystrybutor1{
float:right;
margin:10px 10px auto 40px;
}
DIV#containerFooter a{
text-decoration:none;
color:#fff;
}
DIV#containerFooter a:hover{
text-decoration:none;
color:#ccc;
}
DIV#containerFooter DIV#copyright{
margin:62px auto auto 10px;
float:left;
}
DIV#containerFooter DIV#designer{
margin:62px 15px auto auto;
float:right;
}
DIV#containerHeaderFlash{
color:#fff;
font-size:10px;
}
DIV#containerHeaderFlash ul li{
padding:0px;
margin:0px;
}
DIV#containerHeaderFlash a{
color:#fff;
text-align:center;
text-decoration:none;
}
DIV#containerHeaderFlash a:hover{
color:#fff;
text-align:center;
text-decoration:underline;
}
DIV#containerHeaderFlash div{
padding:2px;
text-align:center;
background: #d8181e;
}
DIV#containerHeaderFlash ul{
font-size:12px;
line-height:240%;
}
UL.menu {width:200px; float:left; margin-left:40px;}
/*Kontakt*/
H2#H2k{
background:#fff url(../img/h2k.png) no-repeat right;
}
H3#H3fk{
background:#fff url(../img/h3fk.png) no-repeat;
width:270px;
height:22px;
margin:0px;
margin-top:20px;
}
DL#address{
float:left;
}
DL#address dt{
margin-left:100px;
padding-top:10px;
font-weight:bold;
}
DL#address dd{
margin-left:100px;
padding-top:0px;
font-weight:normal;
}
FORM#contactForm{
width:270px;
float:right;
margin:0px;
padding:0px;
}
FORM#contactForm label{
display:block;
clear:both;
font-size:11px;
}
FORM#contactForm input, FORM#contactForm textarea{
display:block;
width:230px;
border:1px solid #e9e9e9;
margin-bottom:10px;
}
FORM#contactForm input#submit{
width:140px; height:24px;
margin-top:10px;
padding-bottom:4px;
background:#063f62 url(../img/submitBg.png) repeat-x;
border:1px solid #063f62;
color:white;
font-size:11px;
font-weight:bold;
}
/*system wielkiej żywieckiej*/
H2#H2swz{
background:#fff url(../img/h2swz.png) no-repeat;
}
DIV#mainside{
width:452px;
float:left;
margin-left:48px;
}
DIV#sidebar{
width:200px;
float:right;
font-size:11px;
/*border-left:1px dashed #dadada;*/
}
DIV#sidebar ul {
margin:0px;
padding:0px;
}
DIV#sidebar ul li.first{
border-bottom:1px dashed #dadada;
border-top:1px dashed #dadada;
}
DIV#sidebar ul li{
text-align:center;
float:left;
width:200px;
display:block;
height:30px;
margin-left:0px;
padding-left:0px;
border-bottom:1px dashed #dadada;
background-color:#fefefe;
}
DIV#sidebar ul li a{
line-height:260%;
text-decoration:none;
color:#063f62;
display:block;
height:20px;
}
DIV#sidebar ul li a:hover{
text-decoration:none;
background-color:#f5f5f5;
}
DIV#sidebar ul li#active a{
font-weight:bold;
color:#3465bf;
}
table#oferta{
border:0px;
border-spacing: 0px;
}
table#oferta tr td, table#oferta tr th {
padding:5px;
}
table#oferta tr td{
width:90px;
font-size: 10px;
line-height:100%;
text-align:center;
vertical-align:middle;
height:40px;
}
table#oferta tr th{
text-align:center;
font: bold 12px/100% Verdana;
vertical-align:middle;
color:#063f62;
}
table#oferta tr th.leftth{
text-align:right;
font-weight:bold;
font: bold 11px/100% Verdana;
vertical-align:middle;
border-right:1px solid #b5cee4;
}
table#oferta tr th.topth{
text-align:center;
font-weight:bold;
font: bold 12px/100% Verdana;
vertical-align:middle;
border-bottom:1px solid #b5cee4;
}
table#oferta tr th.cornerth{
text-align:right;
font-weight:bold;
font: bold 11px/100% Verdana;
vertical-align:middle;
border-bottom:1px solid #b5cee4;
border-right:1px solid #b5cee4;
}
table#oferta tr.dark{
background-color:#f7fbff;
}
H2#H2z{
background:#fff url(../img/h2z.png) no-repeat right;
}
H2#H2wwz{
background:#fff url(../img/h2wwz.png) no-repeat right;
}
H2#H2swz{
background:#fff url(../img/h2swz.png) no-repeat right;
}
H2#H2ofa{
background:#fff url(../img/h2ofa.png) no-repeat right;
}
H2#H2o{
background:#fff url(../img/h2o.png) no-repeat right;
}
H2#H2ko{
background:#fff url(../img/h2ko.png) no-repeat right;
}
H2#H2nu{
background:#fff url(../img/h2nu.png) no-repeat right;
}
H2#H2bd{
background:#fff url(../img/h2bd.png) no-repeat right;
}
H2#wsp{
background:#fff url(../img/wsp.png) no-repeat right;
}
H2#H2sis{
background:#fff url(../img/h2sis.png) no-repeat right;
}
H2#H2ra{
background:#fff url(../img/h2ra.png) no-repeat right;
}
img.dystrybutor{
float:right;
padding-left:30px;
}
.tabnaglowek{
font-size:10px;
text-align:center;
line-height:120%;
padding-top:0px;
}
table.tabelkaa{
display:block;
float:right;
margin:10px;
margin-top:0px;
width:200px;
background-color:#f7fbff;
}
table.tabelkaa tr td{
font-size:10px;
text-align:right;
}
table.tabelkaa td.wartosc{
text-align:right;
}
#logotypy li, #logotypy ul{
list-style:none;
list-style-image: none;
}
#logotypy li{
clear:both;
padding:0px; margin:0px;
}
#logotypy li img{
float:left;
margin-right:20px;
}
#logotypy li p{
margin:0px;
padding:0px;
font-size:10px;
}
#logotypy li p.middle{
line-height:450%;
}
.formInfoOk{
font-size:11px;
width:90%;
margin-bottom:20px;
color:green;
padding-right:10px;
text-align:center;
}
.formInfoError{
font-size:11px;
width:90%;
margin-bottom:20px;
color:red;
padding-right:10px;
text-align:center;
}
#main .film_container{
list-style: none;
margin: 0;
padding: 0;
}
.film_container li{
width: 250px;
padding: 1px;
height: 300px;
float: left;
margin: 5px;
overflow: hidden;
}
.film_container li img{
margin: 0;
padding: 0;
}
.film_container li a{
display: block;
height: 250px;
float: left;
}
.film_container1{
list-style: none;
margin: 0 auto;
padding: 0;
}
.film_container1 li{
width: 250px;
padding: 1px;
height: 300px;
float: left;
margin: 5px;
overflow: hidden;
}
.film_container1 li img{
margin: 0;
padding: 0;
}
.film_container li1 a{
display: block;
height: 300px;
float: left;
}