html, body{
margin:0;
padding:0;
text-align:center;
}
#pagewidth{
width:960px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
height:70px;
padding: 32px 0px 0px 0px;
background-color: transparent;
font-family: Verdana;
font-size: 16px;
color: #999999;
font-weight: bold;
text-decoration: none;
white-space: pre;
text-align: left;
margin-left: 130px;
margin-bottom: 30px;
width: 100%;
}
#leftcol{
width:240px;
float:left;
position:relative;
}
#rightcol{
width:32px;
float:left;
position:relative;
margin-left: 0px;
}
#rightcol2{
width:470px;
float:left;
position:relative;
margin-left: 38px;
}
#rightcol3{
width:640px;
float:left;
position:relative;
margin-left: 38px;
}
#twocols{
width:460px;
float:left;
position:relative;
margin-left: 38px;
margin-right: 32px;
}
#twocols2{
width:1000px;
float:left;
position:relative;
margin-left: 38px;
}
#twocols3{
width:40px;
float:left;
position:relative;
}
#maincol{
float: left;
display:inline;
position: relative;
width:360px;
margin-left: 38px;
margin-right: 100px;
}
#footer{
height: 20px;
background-color: transparent;
font-family: normal 10.0 Arial, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
white-space: nowrap;
text-align: left;
}
#img {
float: left;
margin-right: 10px;
}
#imgpol {
float: left;
margin-right: 30px;
}
#img1 {
float: left;
margin-right: 30px;
}
#img2 {
float: left;
margin-right: 10px;
border: 1px solid silver;
}
#img3 {
border: 1px solid silver;
}
#img3a {
float: left;
margin-bottom: 4px;
}
#img4 {
float: left;
margin-right: 30px;
}
#img5 {
border: 1px solid silver;
margin-bottom: 4px;
}
#img5a {
border: 1px solid red;
margin-bottom: 4px;
}
#img5a1 {
border: 2px solid red;
margin-bottom: 4px;
}
#img6 {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
#kontakt fieldset {border: 0}
#kontakt label {
display: block; width: 100px; float: left; margin-right: 10px; margin-top: 5px;
text-align: right; color: #444;
}
#kontakt label span {color: red}
#kontakt input.text, #kontakt textarea {
display: block; width: 200px; float: left; margin-top: 5px; padding: 2px 5px;
border: 1px #e0e0e0 solid; background-color: #f9f9f9;
}
#kontakt input.text:focus, #kontakt textarea:focus {
background: #f9f9f9; border: 1px #b0b0b0 solid; color: #069;
}
#kontakt textarea {width: 350px; height: 250px}
#kontakt input.submit {
margin: 1em 0 0 110px;
border: 1px #d0d0d0 solid; background-color: #f0f0f0; cursor: pointer
}
#kontakt input.submit:hover {border: 1px #c0c0c0 solid; background-color: #e0e0e0}
#kontakt div {clear: both}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
/* --- menu nawigacyjne po lewej --- */
.menu ul
{
list-style-type: none;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
line-height: 18px;
}
.menu ul li a
{
padding: 0px 16px 0px 0px;
text-align: right;
font: normal 12px Arial, sans-serif;
text-decoration: none;
color: #999999;
white-space: nowrap;
}
.menu ul li a:hover
{
background: transparent url(src/st2.gif) no-repeat right;
color: #FF0000;
text-decoration: none;
}
.menu ul li#wybrane
{
background: transparent url(src/st1.gif) no-repeat right;
color: #666666;
padding: 0px 16px 0px 0px;
text-align: right;
font: normal 12px Arial, sans-serif;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
.menu ul#wciete
{
list-style-type: none;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
line-height: 18px;
}
.menu ul li a#wciete
{
padding: 0px 16px 0px 0px;
text-align: right;
font: normal 11px Arial, sans-serif;
text-decoration: none;
color: #999999;
white-space: nowrap;
}
.menu ul li#wciete a
{
padding: 0px 16px 0px 6px;
text-align: right;
font: normal 11px Arial, sans-serif;
text-decoration: none;
color: #999999;
white-space: nowrap;
}
.menu ul li#wciete a:hover
{
background: transparent url(src/st2.gif) no-repeat right;
color: #FF0000;
text-decoration: none;
}
.menu ul li#wciete
{
color: #666666;
padding: 0px 16px 0px 6px;
text-align: right;
font: normal 11px Arial, sans-serif;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
.menu ul li#wciete-wyb
{
background: transparent url(src/st1.gif) no-repeat right;
color: #666666;
padding: 0px 32px 0px 6px;
text-align: right;
font: normal 11px Arial, sans-serif;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
/* --- menu nawigacyjne po prawej --- */
.menulew ul
{
list-style-type: none;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 16px 0px 0px;
line-height: 16px;
}
.menulew ul li a
{
padding: 0px 16px 0px 0px;
text-align: left;
font: normal 12px Arial, sans-serif;
text-decoration: none;
color: #999999;
white-space: nowrap;
}
.menulew ul li a:hover
{
background: transparent url(src/st2.gif) no-repeat right;
color: #FF0000;
text-decoration: none;
}
.menulew ul li#wybranele
{
background: transparent url(src/ks02a) no-repeat right;
color: #999999;
padding: 0px 16px 0px 0px;
text-align: left;
font: normal 12px Arial, sans-serif;
line-height: 16px;
text-decoration: none;
white-space: nowrap;
}
.menulew .nazwalew
{
color: #000000;
padding-left: 16px;
text-align: left;
font: normal 12px Arial, sans-serif;
text-decoration: none;
font-weight: bold;
line-height: 16px;
letter-spacing: normal;
white-space: nowrap;
}
.menulew .przerwalew
{
height: 84px;
}
/* --- odsylacze u gory w naglowku --- */
.naglowek, .naglowek a, .naglowek a:link, .naglowek a:visited, .naglowek a:active
{
margin: 0px 0px 0px 0px;
padding: 32px 0px 0px 0px;
background-color: transparent;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #999999;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}
.naglowek #naglowek1 a:hover
{
color: #000000;
text-decoration: none;
background: url(src/naglowek1.gif) no-repeat top center;
}
.naglowek #naglowek2 a:hover
{
color: #000000;
text-decoration: none;
background: url(src/naglowek2.gif) no-repeat top center;
}
.naglowek3
{
color: #000000;
text-decoration: none;
}
.naglowek4
{
color: #999999;
text-decoration: none;
}
/* --- o pracowni --- */
.pracownia {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
line-height: 18px;
}
.pracownia2 {
color: #999999;
font-family: Arial, sans-serif;
font-size: 18px;
text-align: left;
font-weight: normal;
}
.pracownia3 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 16px;
text-align: left;
font-weight: normal;
}
.pracownia4 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 20px;
}
.pracownia5 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 170px;
}
.pracownia6 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 167px;
}
.pracownia7 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 90px;
}
.pracownia8 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 200px;
}
.pracownia9 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 117px;
}
.pracownia10 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-left: 170px;
}
.pracownia ul {
margin-top: 0px;
margin-bottom: 0px;
}
.pracownia a, .pracownia a:link, .pracownia a:visited, .pracownia a:active
{
font-family: Arial, sans-serif;
font-size: 14px;
color: #999999;
text-decoration: none;
font-weight: bold;
}
.pracownia a:hover
{
color: #000000;
text-decoration: underline;
}
/* --- zapytanie --- */
.zapytanie {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
}
.zapytanie2 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
}
.obowiazkowe {
color: #FF0000;
}
.zapytanie input, .zapytanie textarea {
border: 1px solid #336699;
width: 240px;
}
.zapytanie input#przycisk {
border: 1px solid #000000;
width: 140px;
background-color: #CCCCCC;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 2px 4px 2px 4px;
}
/* --- zamowienie --- */
.zamowienie {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: center;
}
.zamowienie2 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
}
.zamowienie3 {
color: #666666;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: normal;
}
.obowiazkowe {
color: #FF0000;
}
.zamowienie input, .zamowienie textarea {
border: 1px solid #336699;
width: 240px;
}
.zamowienie .pakiet {
width: auto;
border-color: #FFFFFF;
}
.zamowienie input#przycisk {
border: 1px solid #000000;
width: 140px;
background-color: #CCCCCC;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 2px 4px 2px 4px;
}
/* --- faq --- */
.faq {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
}
.faq2 {
color: #666666;
font-family: Arial, sans-serif;
font-size: 20px;
text-align: left;
}
.faq a:link, .faq a:visited, .faq a:active
{
font-family: Arial, sans-serif;
font-size: 12px;
color: #999999;
text-decoration: none;
font-weight: bold;
}
.faq a:hover
{
color: #000000;
text-decoration: underline;
}
.faq3, .faq3 a:link, .faq3 a:visited, .faq3 a:active, faq3 a:hover
{
font-family: Arial, sans-serif;
font-size: 14px;
color: #999999;
text-decoration: none;
font-weight: bold;
}
.faqlinia
{
border-top: 1px solid #999999;
width: 100%;
font-size: 0px;
}
/* --- logo --- */
.logo {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: left;
}
.logocyt {
color: #000000;
font-style: italic;
font-size: 12px;
line-height: 18px;
text-align: left;
margin-left: 20px;
}
.logoa {
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: left;
margin-left: 22px;
}
.logoad {
color: #000000;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-align: left;
margin-left: 320px;
}
.logo1 {
padding: 10px 10px 10px 10px;
}
.logo2 {
color: #666666;
font-family: Arial, sans-serif;
font-size: 20px;
text-align: left;
font-weight: bold;
}
.logo3 {
color: #000000;
font-family: Arial, sans-serif;
font-size: 16px;
text-align: left;
font-weight: bold;
}
.logo4 {
color: #666666;
font-family: Arial, sans-serif;
font-size: 16px;
text-align: left;
font-weight: bold;
}
.logo5
{
font-family: Arial, sans-serif;
font-size: 18px;
color: #666666;
text-decoration: none;
}
.logo a, .logo a:link, .logo a:visited, .logo a:active
{
font-family: Arial, sans-serif;
font-size: 12px;
color: #666666;
text-decoration: none;
}
.logo a:hover
{
color: #000000;
text-decoration: none;
}
.logoad a:hover
{
color: #000000;
text-decoration: none;
}
.logoad a, .logo a:link, .logo a:visited, .logo a:active
{
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
color: #999999;
text-decoration: none;
}
.logolinia
{
border-top: 1px solid #999999;
width: 100%;
font-size: 0px;
}
/* --- naglowek strony --- */
.H1
{
font-family: Arial, sans-serif;
font-size: 18px;
color: #999999;
text-decoration: none;
text-align: left;
}