@charset "iso-8859-2";
/* CSS Document */
h9 {
 width: 400px;
 line-height: 4;
 height: 2em;
 /*background: #000;*/
 color: #fff;
 text-align: center;
 font: 16px Impact, sans-serif;
 text-transform: uppercase;
 line-height: 2;
 letter-spacing: 0.1em;
 text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F
}
/*================To wyżej to tylko próba stylu==================*/

body{
margin:0px;
padding:0px;
background-color:#2B2B2B;
}
td,div,p,span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
}
.pds{
position:relative;
margin:auto;
width:788px;
}
a{
color:#FFFFFF;
-webkit-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition-delay: 0;
-webkit-transition-duration: 1.5s;
-moz-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-moz-transition-delay: 0;
-moz-transition-duration: 1.5s;
-ms-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-ms-transition-delay: 0;
-ms-transition-duration: 1.5s;
transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
transition-delay: 0;
transition-duration: 1.5s;
}
a:hover{
color:#FFCC33;
-webkit-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.3s;
-moz-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-moz-transition-delay: 0;
-moz-transition-duration: 0.3s;
-ms-transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
-ms-transition-delay: 0;
-ms-transition-duration: 0.3s;
transition: 0.9s cubic-bezier(0, 0, 0.58, 1);
transition-delay: 0;
transition-duration: 0.3s;
text-shadow: 0 0 0.9em #FFCC33, 0 0 0.7em #FFCC33, 0 0 0.7em #FFCC33
}
/*
 -o-transition: 1.2s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition: 0.2s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition-delay: 0;
-webkit-transition-duration: 1.2s;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);

align-content: stretch;
align-items: stretch;
align-self: stretch;
color: #D0EB6A;
display: block;
flex: 0 4 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 5;
flex-wrap: nowrap;
*/

/********** DYMKI ******/

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: -500px;
	left: -460px;
	width: 600px;
	padding: 5px;
	z-index: 100;
	background: #FFFF99;
	color: #000;
	text-decoration:none
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
	font-weight: bold;
	color: #FFFF99;
}

a:hover.tip span {
	display: block;
}
/********** TOP ********/ 
.t1{ background:url(http://www.diagnostik.pl/images/t1.jpg); height:30px; padding-left:38px; }
.linki-top{
width:144px;
float:left;
text-align:center;
font-weight:bold;
padding-top:8px;
font-size:9px;
}
.linki-top a{
color:#FCFCFC;
text-decoration:none;
}
.linki-top a:hover{
color:#fff;
text-decoration:underline;
}
/************************************************/
.banner_left{ background:url(http://www.diagnostik.pl/images/banner-left.jpg); height:151px; padding-left:85px; }

.banner_left div{
width:38px;
float:left;
text-align:center;
font-weight:bold;
padding-top:14px;
font-size:9px;
}

.banner_right{ background:url(http://www.diagnostik.pl/images/banner-right.jpg); height:151px; padding-left:185px; }

.banner_right div{
width:41px;
float:right;
text-align:center;
font-weight:bold;
padding-top:14px;
font-size:9px;
}

.t2{ background:url(http://www.diagnostik.pl/images/t3.jpg); height:57px; padding-left:85px; }
.t2 div{
width:124px;
float:left;
text-align:center;
font-weight:bold;
padding-top:14px;
font-size:9px;
}

.t2 div a{
color:#FCFCFC;
text-decoration:none;
}
.t2 div a:hover{
color:#FCFCFC;
text-decoration:underline;
}

/*****  srodek *******/
.href{
background:url(http://www.diagnostik.pl/images/link.gif);
margin-left:35px;
padding:4px 0px 4px 30px;
}
.pusty{
background:url(http://www.diagnostik.pl/link_pusty.gif);
margin-left:35px;
padding:4px 0px 4px 30px;
}
.href a{
color:#CCCCCC;
}

/*===========================MOJE PRÓBY=============================
.href a:hover{
color:#CCCCCC;
 text-shadow: 0 0 0.9em #FFCC33, 0 0 0.7em #FFCC33, 0 0 0.7em #FFCC33
}
*/
/*---------------------COŚ Z TEGO BĘDZIE tyczy się tylko lewej strony-----------------------------
.href a:hover{
-o-transition: 0.2s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition: 0.2s cubic-bezier(0, 0, 0.58, 1);
-webkit-transition-delay: 0;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
align-content: stretch;
align-items: stretch;
align-self: stretch;
color: #D0EB6A;
display: block;
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
font: normal normal 400 40px/48px "Fredoka One";
height: 48px;
justify-content: flex-start;
letter-spacing: 1px;
margin: 0px;
order: 0;
padding: 0px;
resize: none;
text-shadow: #000000 0px -1px 0px;
transition: 0.2s cubic-bezier(0, 0, 0.58, 1);
vertical-align: baseline;
width: 200px;
}------------------------KONIEC---------------------------*/
.polecany_left{
margin-left:34px;

}
.ng_left{
background:url(http://www.diagnostik.pl/images/m1_naglowek.gif);
height:31px;
text-align:center;
margin-left:34px;
}
.ng_right{
background:url(http://www.diagnostik.pl/images/m2_naglowekz.gif);
height:31px;
text-align:center;
width:155px;
}
.ng_left div{ padding-top:10px; color:#A3A3A3; font-weight:bold;}
.ng_right div{ padding-top:10px; color:#A3A3A3; font-weight:bold;}
.left{
margin-left:33px;
padding:5px;
font-size:10px;
color:#CCCCCC;
}
.right{
width:150px;
padding:5px;
font-size:10px;
color:#CCCCCC;
}
.s_ng{
background:url(http://www.diagnostik.pl/images/s_naglowek.gif);
padding:10px;
font-weight:bold;
color:#000000;
}
.srodek{
padding:5px 8px 5px 8px;
text-align: justify;
font-size:11px;
text-shadow: -1px -1px 3px black;
}
.d2{
text-align:right;
padding:20px 50px 0px 0px;
font-weight:bold;
}
.belka{
background:url(http://www.diagnostik.pl/images/s_naglowek.gif);
color:#000000;
}
p{
font-size:10px;
}
h1{
padding:10px;
font-size:9px;
font-weight:bold;
}
h2{
padding:10px;
font-size:9px;
font-weight:bold;
}
h3{
padding:10px;
font-size:9px;
font-weight:bold;
}
h4{
padding:10px;
font-size:9px;
font-weight:bold;
}
h5{
padding:10px;
font-size:9px;
font-weight:bold;
}
h6{
padding:10px;
font-size:9px;
font-weight:bold;
}
h7{
padding:10px;
font-size:9px;
font-weight:bold;
}
.linki-right a{
color:#202020;
font-size:1px;
}
.linki-right a:hover{
color:#202020;
font-size:1px;
}