* { padding: 0; margin: 0; }

html {
	width: 100%;
	height:100%;
}

body {
 font-family: Arial, Tahoma, sans-serif;
 font-weight: 300;
 font-size: 16px;
 line-height: 22px;
 color: #666;
 background-image: url("krataa.png");
 }

ul {
	padding-left: 20px;
}

#wrapper {
		margin: 10px auto;
		padding: 0 10px 10px 10px;
}

.page { 
	margin: 0 auto;
}

#tytul {
   background-color: #EEE;
   color: #c64062;
   font-size: 18px;
   width: auto;
   padding: 5px;
   margin-top: -20px;
}

#centrum {
	width: auto;
	clear: both;
	border-left: 2px solid #8ec6ea;
	border-right: 2px solid #8ec6ea;
   border-bottom: 2px solid #8ec6ea;
	padding-top: 20px;
	padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   text-align: justify;
   background-color: #fff;
}

#tytul2 {
   background-color: #EEE;
   color: #c64062;
   font-size: 18px;
   width: auto;
   padding: 5px;
   
}

#naviga_dolna {
	width: auto;
	clear: both;
	border-top: 2px solid #8ec6ea;
	border-left: 2px solid #8ec6ea;
	border-right: 2px solid #8ec6ea;
   border-bottom: 2px solid #8ec6ea;
	padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   text-align: justify;
   background-color: #fff;
}

#footer {
	clear: both;
	width: auto;
   font-size: 13px;
   border-top: 2px solid #c64062;
   border-bottom: 2px solid #c64062;
   background-color: #8ec6ea;
   
}

#logowanie {
	width: auto;
	max-width: 300px;
   margin: 15px;
   padding-top: 15px;
	padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   text-align: vertical;
   background-color: #bfff96;
}


#logo p {
				color: #666;
				margin: 15px;
}

#logo a {
				color: #c64062;
            text-decoration: none;    
}

#logo h1 {
				margin: 0px;
            font-size: 44px;
				font-weight: normal;
}

.element {
	float: left;
	padding: 0 5px;
}

.image {
   float: right;
}

.image img {
    padding: 5px;
    transition-duration: 200ms;
    margin: 0 auto;
    display: block;
    
}
.image img:hover {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    z-index: 0;
}

#temat {
	padding: 25px;
}
.punkt1 a {
   /*list-style-type: circle;*/
   text-decoration: none;
   font-size: 17px;
}

a:link {
	color: #006b9f;
}
a:visited {
  color: green;
}
a:hover {
  color: hotpink;
}
a:active {
  color: blue;
}

#clear {
	height: 15px;
	width: 100%;
	float: left;
}

#menu{
	float: left;
	width: 100%;
	background-color: #8ec6ea;
	border-top: 2px solid #c64062;
   border-bottom: 2px solid #c64062;
}


@media (min-width: 1582px) {
.page{width:1482px;}
#wrapper{width:100%;}
}
@media (max-width: 1582px) and (min-width: 1482px){
.page{width:1382px;}
#wrapper{width:100%;}
}
@media (max-width: 1482px) and (min-width: 1382px){
.page{width:1300px;}
#wrapper{width:100%;}
}
@media (max-width: 1382px) and (min-width: 1100px){
.page{width:1000px;}
#wrapper{width:100%;}
#menu{
	width: 100%;
	/*padding-right: 10%;*/
}
}