html, body {
	background-color: gray;
        margin: 0px;
        padding: 0px;
        text-align:center;

}
#TOP{
        width:800px;
        background-color:#dac3a5;
        text-align:center;
}

#MENU {
	width: 166px;
	float: left;
	overflow: hidden;
        background-color:#dac3a5;
}

#NAGLOWEK {
          margin:0;
          padding:0;
          width:800px;
}

#TRESC {
        float:left;
	background-color:#dac3a5;
      	padding:0px;
	margin-left:4px;
	width:626px;
}

#STOPKA {
	
	background-color: #dac3a5;
	width:800px;
	
}

#grafika{

   width:800px;
   height:362px;
}
#tablica{
         background-image:url(images/glowna_2x1.gif);
         width:166px;
         height:125px;
         float:left;
         padding:0px;
	 margin-left:0px;

}
#menupoz{
         background-image:url(images/glowna_2x2.gif);
         width:634px;
         height:50px;
         float:left;
         padding:0px;

          }
#menupion{
        width: 166px;
}

#info_kocieta{

              background-color:#b38651;
	      margin-top:10px;
	      margin-right:4px;
	      margin-left:0px;
	      margin-bottom:0px;
	      padding:2px;
	      border-style:solid;
	      border-width:1px;
	      width:626px;
	
}
DIV.stat{
       width: 166px;
       float: left;
}

#info{
      background-image:url(images/glowna_3x1.gif);
      width:634px;
      height:75px;
      float:left;
}

DIV.image1_l{
           float:left;
           padding:5px;
           width:300px;
}

DIV.image1_p{
           float:right;
           padding:5px;
           width:300px;
}

DIV.text1_l{

          float:left;
          padding:5px;
          width:300px;
}
DIV.text1_p{

          float:right;
          padding:5px;
          width:300px;
}


DIV.rodzice{
            width:626px;
            float:left;
            background-color:#b38651;
	    margin-top:0px;
	    margin-right:4px;
	    margin-left:0px;
	    margin-bottom:25px;
	    border-style:solid;
	    border-width:1px;
	    padding-left:0px;
}
DIV.ojciec{
           float:left;
           width:166px;
           height:150px;
           margin-left:0px;
}
DIV.mama{
           float:right;
           width:166px;
           height:150px;
           margin-right:0px;
}
DIV.kotek{
          width:626px;
          float:left;
	  background-color:#c39d71;
	  margin-top:10px;
	  margin-right:4px;
	  margin-left:0px;
	  border-style:solid;
	  border-width:0px;
	  padding-left:4px;
}

DIV.image_k{
         float:right;
         width:166px;
         height:50px;
         margin-right:0px;

}
DIV.opis1{

          text-align:center;
          margin-top:40px;
}
DIV.opis_kotek{
         float:left;
               
}
DIV.info1{
         float:left;

}

DIV.koty{
         float:left;
         width:620px;
         border-width:1px;
         border-color:white;
         border-style:solid;
         margin-top:15px;
}
DIV.kot_foto{
         float:left;
         width:300px;
}
DIV.kot_info1{
         float:left;
         width:300px;
         padding:10px;

}
DIV.kot_info2{
         float:left;
         width:620px;
         padding:5px;
         
}
#images_left{
          width:166px;
          padding-top:10px;
          border-width:5px;
          border-color:red;
}




P.wielka
{
text-align:left;
font-family:arial;
font-size:20px;
color:#ffffff;
}
P.wielka:first-letter
{
font-size:30px;
color:red;
}
P.przesun
{
         font-family:arial;
         font-size:15px;
         text-align:left;
         padding-left:20px;
}
P.normal{
         font-family:arial;
         font-size:15px;
         color:black;
         text-align:left;
         line-height:120%;
         padding-left:10px;

}
P.podpis{
         font-family:arial;
         font-size:15px;
         color:#554d47;
         margin-top:2px;
}
P.opis_kotek{
          font-family:"arial";
          font-size:15px;
          text-align:left;
          color:#cf0b39;

}

P.status1{
          font-family:"Comic Sans MS";
          font-size:17px;
          text-align:center;
          color:#cf0b39;
}
P.rodzice{
          font-family:"arial";
          font-size:15px;
          text-align:center;
          color:#554d47;
}
P.first-letter{
          color:red;
          font-size:15px;

}
P.dopisek{
          font-family:"arial";
          font-style:"italic";
          font-size:10px;
          padding-left:5px;
          text-align:left;
}

H1{
    font-family:Comic Sans MS;
    font-size:22px;
    text-align:left;
    color:black;
    padding-bottom:10px;

}
H2{
    font-family:"arial";
    font-size:18px;
    color:white;
    text-align:left;
    margin-bottom:-10px;

   }
H3{
    font-family:"Comic Sans MS";
    font-size:15px;
    text-align:center;
    color:black;
    font-weight:bold;
}
H4{
    font-family:"arial";
    font-size:15px;
    text-align:left;
    color:white;
    font-weight:bold;
    margin-bottom:-15px;
}
H5{
          position:relative;left:0px;top:5%;
          font-family:"Comic Sans MS";
          font-size:14px;
          color:yellow;
          text-align:center;
          margin-top:5px;
}
H6{
          font-family:arial;
          font-size:12px;
          text-align:center;
}
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:"Comic Sans MS";
	color:#111111;

}

ul li {
	float:LEFT;

}

ul a:link {   text-decoration: none;
	display: block;
	width: 142px;
	text-align: center;
       	color: red;
	border: 2px outset #ccc;
	padding: 5px;
}
ul a:visited {
	text-decoration: none;
	display: block;
	width: 142px;
	text-align: center;
       	color: yellow;
	border: 2px outset #ccc;
	padding: 5px;
}

ul a:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
}

ul#pion a:link {
        text-decoration: none;
	display: block;
	width: 162px;
	text-align: center;
       	color: yellow;
	border: 2px outset #ccc;
	padding: 5px;  }
	
ul#pion a:visited {
	text-decoration: none;
	display: block;
	width: 162px;
	text-align: center;
       	color: black;
	border: 2px outset #ccc;
	padding: 5px;
}

ul#pion a:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
	color:red;
}

	

	
   
SPAN.kotek {
           font-weight:bold;
}

SPAN.wazne {
           font-weight:bold;
           color:#cf0b39;

}
SPAN.przesun
            {padding-left:5px;
            }
.intro:first-letter
         {color:red;
          font-size:25px;

}
a.xxxx:link{
        text-decoration:none;
        color:red;
        padding:20px;
        font-weight:bold;
        font-family:"Comic Sans MS";

}
a.xxxx:visited{
        color:black;
        text-decoration:none;
        padding:20px;
        font-weight:bold ;
        font-family:"Comic Sans MS";

}
a.xxxx:hover{
        color:yellow;
        text-decoration:none;
        padding:20px;
        font-weight:bold;
        font-family:"Comic Sans MS";

}
a.xxxx:active{
        color:green;
        text-decoration:none;
        padding:20px;
        font-weight:bold;
        font-family:"Comic Sans MS";

        }
        
SPAN.bold{
        font-weight:bold;
}